vuerouter用法

Vue Router 是 Vue.js 的官方路由库，用于实现单页面应用程序的路由功能。它可以帮助我们管理页面之间的导航和传递数据。

下面是 Vue Router 的基本使用方法：

1. 导入 Vue Router：

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

2. 定义路由组件：

   const Home = { template: '<div>Home</div>' }
   const About = { template: '<div>About</div>' }

3. 定义路由：

   const routes = [
     { path: '/', component: Home },
     { path: '/about', component: About }
   ]

4. 创建路由实例：

   const router = new VueRouter({
     routes
   })

5. 在根 Vue 实例中使用路由：

   new Vue({
     router
   }).$mount('#app')

6. 在模板中使用 `<router-link>` 支持的路由链接：

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

7. 在模板中使用 `<router-view>` 渲染匹配的组件：

   <router-view></router-view>

这是 Vue Router 的基本用法，你可以根据需要进一步配置路由参数、嵌套路由、路由守卫等功能。详细文档请参考 Vue Router 的官方文档。