在vue webpack中实现多层路由的步骤归纳如下:
(1)在利用webpack生成的文件中找到components文件夹,在里面生成自己想要的vue文件;
engine.vue iexhuast.vue
(2)找到router文件下的index.js,引入你生成的vue文件
import Vue from 'vue'
import Router from 'vue-router'
import engine from '@/components/leftNav/engine'
import iexhuast from '@/components/leftNav/iexhuast'
Vue.use(Router)
(3)在上面index.js文件中配置路由
export default new Router({
routes: [
{
path: '/', // ----------父路由
name: 'HelloWorld',
component: HelloWorld,
children:[ // ---------子路由
{