如何在Vue中触发`$addRoutes`方法？

在Vue.js中，`$addRoutes`方法通常用于动态添加路由到应用的路由表中，这个方法一般在路由守卫（如全局前置守卫`beforeEach`）中使用。下面是一个简单的示例：

import Vue from 'vue';
import Router from 'vue-router';

// 定义需要动态添加的路由
const dynamicRoute = {
  path: '/dynamic',
  component: () => import('./DynamicComponent.vue'),
};

// 创建Vue实例并初始化Vue Router
new Vue({
  router: new Router({
    routes: [], // 初始静态路由配置
  }),
}).$mount('#app');

// 当你需要的时候，通过Vue实例调用$addRoutes方法添加动态路由
this.$router.addRoutes([dynamicRoute]);

// 在beforeEach守卫中也可以使用，例如：
router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth)) {
    // 检查用户是否已登录
    // 如果未登录，可以在这里添加动态路由
    this.$router.addRoutes([dynamicRoute]);
    next(false); // 阻止继续导航，因为还需要处理登录
  } else {
    next();
  }
});