Vue3---路由动态管理(router.addRoute())

• Vue2中，可以通过路由的addRoutes() 和 addRoute() 两种方法实现路由权限动态渲染，但在Vue3中，摒弃了addRoutes() 方法，只保留了addRoute() 单个添加路由配置的方法。
• Vue2中路由对象

• Vue3中路由对象

• **Vue3动态添加路由：**在main.js中或者在登录回调中进行动态渲染路由。代码参考如下：

  const about = { //接口返回路由信息
  path: ‘/about’,
  name: ‘About’,
  component: () => import(’./views/About.vue’)
  };
  router.addRoute(about); //添加到路由