路由嵌套
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
![](https://img2020.cnblogs.com/blog/1226993/202110/1226993-20211025002745999-962893433.png)