vue全局混入mixin

作者: bkbtp 分类: 前端 发布时间: 2018-06-09 11:38

项目中需要根据当前用户信息,来获取对应的权限,精细到按钮级别的控制。
这个时候在每个页面进行获取用户的操作的就显得冗余重复了,这时候就可以用到 mixins

  1. 创建一个 auth.js 文件
import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters(['userInfo'])
  }
}
  1. main.js 中引入
import auth from '@/mixin/auth'

Vue.mixin(auth)

这样在所有页面都能获取到 userInfo 这个对象了,美滋滋。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。