路由--子路由

子路由（也称为嵌套路由）是一种在 Vue 应用的单个路由下设置多个视图的方法。这使得构建多层次的页面结构变得简单，例如，一个有多个嵌套视图的仪表板页面。在 Vue Router 中实现子路由可以让你在相同的页面布局内展示不同的组件，而无需为每个可能的组合创建单独的路由。

基本上，子路由允许你定义一个路由的子集，这些子集将被渲染在父路由组件的特定 <router-view> 插槽中。这对于创建像用户界面这样的复杂布局特别有用，其中一部分页面（如侧边栏或导航栏）保持不变，而其它部分根据当前路由的不同而改变

 

?

1 2 3 4 5 6 7 8 9 10 11 12

const router = [     {       path: '/parent',       component: ParentComponent,       children: [         {           path: 'child',           component: ChildComponent         }       ]     }   ]