Vue Router路由嵌套的基本概念 官网
Vue Router路由嵌套是指在一个路由视图里再嵌套其他路由视图。比如在一个主页面里,有不同的子页面,这些子页面的路由就可以嵌套在主页面路由里。 // 定义路由配置const routes = [ { path: '/parent', component: Parent, children: [ { path: 'child', component: Child } ] }];// 运行结果:当访问 /parent/child 时,会显示 Parent 组件,且在其内部显示 Child 组件 注意,子路由的路径不要以斜杠开头,不然会被当作根路径。