vue动态添加包含子路由的路由

要动态添加包含子路由的路由，需要使用Vue Router的addRoutes方法。该方法可以在运行时添加一组路由规则。

以下是一个示例代码：

// 定义子路由
const childRoutes = [
  {
    path: 'foo',
    component: Foo
  },
  {
    path: 'bar',
    component: Bar
  }
]

// 定义动态路由
const dynamicRoutes = [
  {
    path: '/dynamic',
    component: Dynamic,
    children: []
  }
]

// 在需要动态添加子路由的地方调用以下代码
dynamicRoutes[0].children = childRoutes
router.addRoutes(dynamicRoutes)

在上面的代码中，首先定义了子路由childRoutes和动态路由dynamicRoutes。动态路由中的children属性为空数组，该属性将在运行时添加子路由。然后，在需要动态添加子路由的地方，将子路由赋值给dynamicRoutes的children属性，并使用router.addRoutes方法添加该路由。这样，就可以动态添加包含子路由的路由了。