安装

获取来自 Vue Mastery 的 Vue 路由器速查表

包管理器

如果您有一个使用 JavaScript 包管理器的现有项目，您可以从 npm 注册表安装 Vue 路由器

npm

npm install vue-router@4

yarn

yarn add vue-router@4

pnpm

pnpm add vue-router@4

如果您要开始一个新项目，您可能会发现使用 create-vue 脚手架工具更容易，它会创建一个基于 Vite 的项目，并可以选择包含 Vue 路由器

npm

npm create vue@latest

yarn

yarn create vue

pnpm

pnpm create vue

您将被提示一些关于您要创建的项目类型的问题。如果您选择安装 Vue 路由器，示例应用程序还将演示 Vue 路由器的一些核心功能。

使用包管理器的项目通常会使用 ES 模块来访问 Vue 路由器，例如 import { createRouter } from 'vue-router'。

直接下载 / CDN

https://unpkg.com/vue-router@4

Unpkg.com 提供基于 npm 的 CDN 链接。上面的链接将始终指向 npm 上的最新版本。您也可以通过类似 https://unpkg.com/[email protected]/dist/vue-router.global.js 的 URL 使用特定版本/标签。

这将通过全局 VueRouter 对象公开 Vue 路由器，例如 VueRouter.createRouter(...)。