当vue项目中碰见权限控制时 用户能访问到的页面（路由配置）必须是动态的， 所以要先掌握一个可以动态添加路由地址的API

作用：动态添加路由配置

addRoutes基本使用

格式

router.addRoutes([路由配置对象])
或者:
this.$router.addRoutes([路由配置对象])

 示例

我们在项目中新建一个页面为abc

在主页进行配置如下

// 按钮
<button @click="hAddRoute">addRoute</button>

// 回调
hAddRoute() {
    this.$router.addRoutes([{
        path: '/abc',
        component: () => import('@/views/abc'),
        }])
},

 看页面