vue-router 子路由

Vue Router 子路由是在父级路由下的一组路由，用于将页面分成更小的模块。子路由可以在父路由下有自己的视图和组件，并且可以通过父级路由访问到。为了使用子路由，需要在父级路由的组件中添加一个 `<router-view>` 标签，并在父级路由配置中使用 `children` 属性来定义子路由。

以下是一个使用子路由的示例：

const router = new VueRouter({
  routes: [
    {
      path: '/parent',
      component: Parent,
      children: [
        {
          path: 'child',
          component: Child
        }
      ]
    }
  ]
})

在上面的示例中，`Parent` 组件中包含了一个 `<router-view>` 标签，用于显示子路由的组件。子路由的路径为 `/parent/child`，并且在 `Parent` 的组件中可以通过 `$route` 对象来访问子路由的信息。