Vue项目中实现简单的权限管理

一，页面级别的权限管理（通过角色判断能否进入该页面）

1.添加路由元信息，定义各个页面的角色数组

2. 在导航守卫中，判断用户的角色是否存在于数组中，存在即可访问

3. 优化一下：用户不能访问的页面，左侧的导航栏上也应该设置隐藏

二，按钮级别的权限管理（不同的角色使用页面，可操作的功能不同）

1. 抽取文件directive/directive.js ，自定义指令并在main.js中导入

2. 在不同的页面，根据用户角色对按钮的使用权限插入自定义属性