路由--子路由

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

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

 

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