vue配置和使用路由

在Vue中配置和使用路由的步骤如下：
1. 安装正确的路由版本，使用命令 `npm i vue-router@^3.5.1 -s` 进行安装。
2. 创建一个名为 `router` 的文件夹，并在其中创建 `index.js` 文件。
3. 在 `index.js` 文件中，引入 `VueRouter` 和 `Vue`：

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

4. 使用 `Vue.use(VueRouter)` 来注册 `VueRouter` 插件。
5. 创建一个 `VueRouter` 实例，配置路由规则：

   const router = new VueRouter({
     routes: [
       // 配置具体的路由规则
     ]
   });

6. 在 `index.js` 文件中导出 `router`：

   export default router;

7. 在 `main.js` 文件中导入 `router`：

   import router from './router/index.js';

8. 在 `main.js` 文件中，将 `router` 注册到 Vue 实例中：

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

9. 在组件中使用 `router-link` 和 `router-view` 标签来进行路由跳转和渲染：

   <router-link to="/path">Link Text</router-link>
   <router-view></router-view>