vue-router 安装

Vue Router 是 Vue.js 官方的路由管理器，用于实现单页面应用（SPA）的导航功能。安装 Vue Router 可以通过以下步骤进行：

1. 首先，确保你已经安装了 Vue.js。如果没有安装，可以通过以下命令使用 npm 进行安装：

npm install vue

2. 安装 Vue Router。可以通过以下命令使用 npm 进行安装：

npm install vue-router

3. 在你的项目中引入 Vue Router。可以在你的入口文件（通常是 `main.js`）中添加以下代码：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

4. 创建路由实例并配置路由。在入口文件中，你可以创建一个新的 VueRouter 实例，并配置路由规则。例如：

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About },
  // 其他路由规则...
]

const router = new VueRouter({
  routes // 使用之前定义的路由规则
})

5. 将路由实例挂载到 Vue 实例上。在入口文件中，你可以将路由实例挂载到 Vue 实例上，使其生效。例如：

new Vue({
  router, // 将路由实例挂载到 Vue 实例上
  render: h => h(App)
}).$mount('#app')

至此，你已经成功安装和配置了 Vue Router。现在你可以在 Vue 组件中使用 `<router-link>` 和 `<router-view>` 来实现导航和路由视图的功能了。