【vue-element-template 一步步实现动态路由（目前只是前端模拟数据）】

要想实现动态路由，我觉得首先要了解登录，网上搜索vue element admin 登录原理会有很多，先搜索资料简单了解一下

构造不同角色的登录用户

/mork/user.js 这里模拟后端 用户详情的数据

这里定义的rule 后续动态路由 meta中的role就是这个

src/utils/validate.js 这里定义有效的登录的名字

实现动态路由

对于动态路由整体的介绍可以参考这个博客，我只是记录一下实现过程
https://juejin.cn/post/7047528276683653127#heading-7

相关的所有文件

1.从vue element admin 粘贴permission文件 到src/store/modules/permission

2.src/store/index.js增加对permission引用

3.修改src/store/getters.js 增加routes 和roles

4.src/layout/components/Sidebar/index.vue 更改动态导航栏 根据权限动态生成

5.将vue admin element中的src/permission内容粘贴过来

6.src/store/modules/user.js 更改获取token 将role填充

7.修改 src/router/index.js 添加asyncRoutes

这个一定放到asyncRouters的最后