vue如何动态添加路由配置

在 Vue 中动态添加路由配置可以通过以下步骤实现：

1. 导入 `VueRouter` 和需要添加的组件。

import VueRouter from 'vue-router';
import Component from './components/Component.vue';

2. 创建路由实例并定义初始路由。这里需要注意，初始路由的 `path` 和 `component` 属性是必须的，后面会通过 `router.addRoutes()` 方法添加其他路由配置。

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: Component
    }
  ]
});

3. 在需要动态添加路由配置的组件中调用 `router.addRoutes()` 方法。该方法接收一个数组参数，数组中每个元素表示一个需要添加的路由配置。

export default {
  mounted() {
    const dynamicRoutes = [
      {
        path: '/dynamic',
        component: () => import('./components/DynamicComponent.vue')
      }
    ];
    this.$router.addRoutes(dynamicRoutes);
  }
};

通过以上步骤，我们就可以在 Vue 中动态添加路由配置了。需要注意的是，动态添加的路由配置只会在下一次路由跳转时生效。