vue如何动态添加路由配置

在Vue中，可以通过`VueRouter`实例的`addRoutes`方法动态添加路由配置。具体步骤如下：

1. 获取`VueRouter`实例，一般在`main.js`中创建并挂载到Vue实例上。

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: Home
    },
    {
      path: '/about',
      component: About
    }
  ]
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

2. 定义需要动态添加的路由配置，可以通过`import()`动态加载组件。

const dynamicRoutes = [
  {
    path: '/dynamic',
    component: () => import('@/views/Dynamic.vue')
  }
]

3. 调用`addRoutes`方法将路由配置添加到`VueRouter`实例中。

router.addRoutes(dynamicRoutes)

注意，`addRoutes`方法只能添加新的路由配置，不能修改已有的路由配置。如果需要修改已有的路由配置，可以先调用`router.matcher.getRoutes()`获取所有路由配置，然后进行修改后再调用`addRoutes`方法添加新的路由配置。