vue 子路由怎么连接母路由

在 Vue 中，子路由和母路由之间的连接可以通过使用嵌套路由来实现。具体来说，你需要在母路由的组件中设置一个 `<router-view>` 标签，以便子路由可以在该组件内进行渲染。同时，在子路由的配置中，你需要设置 `path` 属性为相对于母路由的路径，如下所示：

// 母路由配置
{
  path: '/parent',
  component: ParentComponent,
  children: [
    // 子路由配置
    {
      path: 'child',
      component: ChildComponent
    }
  ]
}

在这个例子中，`/parent` 是母路由路径，`ParentComponent` 是母路由对应的组件，`/parent/child` 是子路由路径，`ChildComponent` 是子路由对应的组件。当用户访问 `/parent/child` 时，Vue 会先渲染 `ParentComponent` 组件，然后在其中的 `<router-view>` 标签中渲染 `ChildComponent` 组件。这样，子路由和母路由就连接起来了。