vue router 使用方法

在Vue.js中使用vue-router可以按照以下步骤进行：

1. 安装vue-router：
你可以使用npm或者yarn来安装vue-router。在命令行中运行以下命令：

   npm install vue-router

或者

   yarn add vue-router

2. 在Vue项目中创建路由配置文件：
在你的Vue项目中创建一个新的文件，比如`router.js`。在该文件中引入Vue和vue-router，并创建一个新的路由实例。

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

   Vue.use(VueRouter);

   const router = new VueRouter({
     routes: [
       // 在这里配置你的路由
     ]
   });

   export default router;

3. 配置路由：
在路由配置文件中，你可以使用`routes`选项来定义你的路由。每个路由都包含一个路径和对应的组件。

   import Home from './components/Home.vue';
   import About from './components/About.vue';

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

4. 在Vue实例中引入路由配置：
在你的Vue根实例中引入刚才创建的路由实例，并将其作为`router`选项。

   import Vue from 'vue';
   import router from './router';

   new Vue({
     router,
     //