vue-access-control

npm install @lywzx/vue.access.control --save

access.js创建一个Access实例

import VueAccessControl from '@lywzx/vue.access.control'
import Vue from 'vue';

Vue.use(VueAccessControl, {});
export default new VueAccessControl.Access();

main.js中引入access.js

import Vue from 'vue'
import App from './App.vue'
import access from './assets/access'

Vue.config.productionTip = false

new Vue({
  access,
  render: h => h(App),
}).$mount('#app')

在登录完成，获取到用户角色及权限时，你可以像如下方式设置角色及权限
设置角色

this.$access.setRole(['admin','guess']);

设置权限

this.$access.setPermission()

鉴权：
可以使用$access来访问VueAccessControl权限管理实例
hasRole判断角色 can判断权限

<HelloWorld msg="Welcome to Your Vue.js App" v-if="$access.hasRole('admin')"/>
<button v-if="$access.can('view_user')">新建用户</button>