子路由(也称为嵌套路由)是一种在 Vue 应用的单个路由下设置多个视图的方法。这使得构建多层次的页面结构变得简单,例如,一个有多个嵌套视图的仪表板页面。在 Vue Router 中实现子路由可以让你在相同的页面布局内展示不同的组件,而无需为每个可能的组合创建单独的路由。
基本上,子路由允许你定义一个路由的子集,这些子集将被渲染在父路由组件的特定 <router-view>
插槽中。这对于创建像用户界面这样的复杂布局特别有用,其中一部分页面(如侧边栏或导航栏)保持不变,而其它部分根据当前路由的不同而改变
const router = [ { path: '/parent', component: ParentComponent, children: [ { path: 'child', component: ChildComponent } ] } ]
标签:Vue,--,component,视图,path,路由,页面 From: https://www.cnblogs.com/mxleader/p/17993461