嵌套路由又称子路由哦！

嵌套路由

嵌套路由又叫子路由，实现相关路由组件在某个路由组件的 router-view 中渲染，而不是在 app 的 router-view 中渲染

children

嵌套路由的配置使用 children 属性

children中的定义方式，和routes一致

{
  path: "",
  component: Component,
  children: [
    {
      path, component
    }
  ]
}

！！！！！！注意！！！！！！
子路由的 component 会被渲染到父路由组件的 router-view 中，因此要记住吗，如果使用了子路由，其父路由组件中必须有 <router-view></router-view>，没有的话子路由不会渲染

子路由path的规则

• 不写 /
• 写 /

不写 /

下面的子路由最终的路径为 /parent/child

{
  path: '/parent',
  children: [
    {
      path: "child"
    }
  ]
}

写 /

下面的子路由最种的路径为 /child

{
  path: '/parent',
  children: [
    {
      path: "/child"
    }
  ]
}

父路由只是为了显示子路由，一般直接跳转

父路由存在的意义是为了显示公共组件，我们需要让父路由直接跳转到某个子路由中

{
  path: '/parent',
  redirect: '/parent/child1',
  children: [
    {
      path: 'child1'
    }, {
      path: 'child2'
    }
  ]
}