路由嵌套

const router =new VueRouter(

{

routes:[

　　　　{path:'/HelloWord',component: HelloWord,

　　　　children:[

　　　　　　{path:'/a',component: () => import('./a.vue')},

　　　　　　{path:'/b',component: () => import('./b.vue')}

　　　　　　　　]}

　　　　],

mode:"history"

})

 

在HelloWord.vue文件里面也加上

<router-view></router-view>        //踩坑 有此用了没加

那么在访问 /a 路径的时候 会把a.vue的内容在 HelloWord.vue里面加载 

 

 

后计:

其实嵌套后就是让跳转出来的组件在自己的页面上展示

比如导航页面HelloWord.vue