vue路由

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。使用 Vue Router ，我们可以实现单页面应用中的路由跳转、参数传递、路由拦截等功能。下面是 Vue Router 的基本使用步骤：

1. 安装 Vue Router：使用 npm 安装 Vue Router。

   npm install vue-router

2. 在 main.js 中引入 Vue Router。

   import VueRouter from 'vue-router'
   Vue.use(VueRouter)

3. 创建路由实例并配置路由。

   const router = new VueRouter({
     routes: [
       {
         path: '/home',
         component: Home
       },
       {
         path: '/about',
         component: About
       }
     ]
   })

4. 在 Vue 实例中挂载路由。

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

5. 在模板中使用路由。

   <router-link to="/home">Home</router-link>
   <router-link to="/about">About</router-link>
   <router-view></router-view>

`to` 属性指定跳转的路径，`router-view` 显示对应路由组件的内容。