vue3的addrouter动态路由

Vue 3 提供了 `addRoute` 方法来动态添加路由。你可以使用 `router` 对象调用 `addRoute` 方法来添加新的路由。

首先，确保你已经创建了一个 `router` 实例。然后，可以通过以下方式来动态添加路由：

import { createRouter, createWebHistory } from 'vue-router';

const router = createRouter({
  history: createWebHistory(),
  routes: [
    // 初始路由配置
    // ...
  ],
});

// 动态添加路由
const newRoute = {
  path: '/dynamic-route',
  name: 'DynamicRoute',
  component: DynamicRouteComponent,
};

router.addRoute(newRoute);

在上面的例子中，我们创建了一个新的路由对象 `newRoute`，然后通过调用 `router.addRoute(newRoute)` 来动态添加该路由。

请注意，`addRoute` 方法仅在 Vue Router 版本为 4.0.0 或更高时可用，因为它是在 Vue Router 4 中引入的。