vue2三级路由的配置

Vue2中配置三级路由的步骤如下：

1. 在主路由文件中，即路由的入口文件（通常是`main.js`），引入路由插件和相关组件：

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

2. 创建路由实例并配置路由：

   const router = new VueRouter({
     routes: [
       {
         path: '/first-level',
         component: FirstLevelComponent,
         children: [
           {
             path: 'second-level',
             component: () => import('../components/SecondLevelComponent.vue'),
             children: [
               {
                 path: 'third-level',
                 component: () => import('../components/ThirdLevelComponent.vue')
               }
             ]
           }
         ]
       }
     ]
   })

在路由配置中，可以嵌套添加子路由，用于实现多级路由。

3. 在根组件中挂载路由：

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

这样，路由就已经配置完成了。