vue项目的路由配置步骤

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

   npm install vue-router

2. 在你的 Vue 项目中，创建一个名为 router 的文件夹，并在其中新建一个名为 index.js 的文件。
3. 在 index.js 文件中，编写路由配置，例如：

   import Vue from 'vue'
   import VueRouter from 'vue-router'
   Vue.use(VueRouter)
   const router = new VueRouter({
     routes: [
       {
         path: '/',
         name: 'Home',
         component: () => import('@/views/Home.vue')
       },
       {
         path: '/about',
         name: 'About',
         component: () => import('@/views/About.vue')
       }
     ]
   })
   export default router

4. 在你的 Vue 根组件中（一般是 App.vue 文件），使用 router：

   <template>
     <div id="app">
       <router-view></router-view>
     </div>
   </template>
   
   <script>
   export default {
     name: 'App',
   }
   </script>

5. 最后，在 main.js 文件中引入 router 并将其挂载到 Vue 实例上：

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