vue router.addRoute具体用法

`router.addRoute` 是 Vue Router 中用来动态添加路由的方法。它可以在运行时动态地添加、修改和删除路由，而无需重新实例化路由器。

具体用法如下：

router.addRoute(route: RouteConfig | RouteConfig[])

其中，`route` 参数可以是单个路由配置对象，也可以是一个包含多个路由配置对象的数组。

例如，我们可以创建一个名为 `dynamic` 的路由，其路径为 `/dynamic`，并且该路由下有两个子路由，分别是 `dynamic1` 和 `dynamic2`，路径分别为 `/dynamic/1` 和 `/dynamic/2`，代码如下：

router.addRoute({
  path: '/dynamic',
  name: 'dynamic',
  component: () => import('@/views/Dynamic.vue'),
  children: [
    {
      path: '1',
      name: 'dynamic1',
      component: () => import('@/views/Dynamic1.vue')
    },
    {
      path: '2',
      name: 'dynamic2',
      component: () => import('@/views/Dynamic2.vue')
    }
  ]
})

我们还可以动态添加单个子路由，例如，我们可以在 `dynamic` 路由下添加一个名为 `dynamic3` 的子路由，路径为 `/dynamic/3`，代码如下：

router.addRoute('dynamic', {
  path: '3',
  name: 'dynamic3',
  component: () => import('@/views/Dynamic3.vue')
})

需要注意的是，在使用 `router.addRoute` 方法时，我们需要确保路由已经被创建，否则会报错。因此，我们可以在路由创建完毕之后再动态添加路由。