Vue router的安装

要安装Vue Router，你可以按照以下步骤进行：

1. 首先，确保你已经安装了Vue.js。如果还没有安装，你可以通过在终端中运行以下命令来安装Vue CLI：

   npm install -g @vue/cli

2. 创建一个新的Vue项目，进入项目的根目录。

3. 在终端中运行以下命令来安装Vue Router：

   npm install vue-router

4. 安装完成后，在你的Vue项目中打开 `src/main.js` 文件。

5. 在文件开头添加以下代码来引入Vue Router：

   import VueRouter from 'vue-router'

6. 接下来，在同一个文件中，使用`Vue.use()`方法来启用Vue Router：

   Vue.use(VueRouter)

7. 创建一个新的路由实例，并定义路由规则。你可以在同一个文件中添加以下代码：

   const routes = [
     // 在这里定义你的路由规则
   ]

   const router = new VueRouter({
     routes // routes: routes 的缩写
   })

8. 最后，在Vue实例中传入路由实例，以便Vue应用程序能够使用路由功能。你可以在同一个文件中添加以下代码：

   new Vue({
     router, // router: router 的缩写
     render: h => h(App)
   }).$mount('#app')

现在，你已经成功安装了Vue Router。你可以根据需要在`routes`数组中定义你的路由规则，并在Vue组件中使用`<router-link>`和`<router-view>`来实现导航和显示视图。