vue2.0-mixin视图权限全局引用

自定义指令Directive视图权限：vue2.0-自定义指令Directive的全局和局部的视图权限-CSDN博客

一、权限管理的基础知识

权限管理是让不同的用户只能访问自己权限内的资源，分为3种

1·路由权限：只能看到自己权限内的菜单，且只能访问自己权限内的路由地址

2·视图权限：只能看到自己权限内的视图和按钮

3·请求权限：越权请求将其拦截

二、视图权限的使用

1.extreact.js文件: 写方法

// store文件在src的跟文件下，用@
import store from "@/store"

export function perUser(permission){
  let  perData = store.state.peruser.data
  return perData. includes(permission)
}

2. permission.js: 使用mixin引入方法

import { perUser }  from "./extreact.js"

export default {
  methods:{
    perUser
  }
}

3.  main.js: 使用minxi引入到全局

import permissionMixin from "@/utils/permission.js"
Vue.minxi(permissionMixin)

4. 使用: 在单页面中使用

< template>

  <div v-if="perUser("show:is:ok")">是否有权限显示这个标签</div>

</template>