直接引用vuex的情况下怎样使用mapState

vuex2.0的官方文档中state部分的mapState是在模块加载机制下引用并使用的

// vuex 提供了独立的构建工具函数 Vuex.mapState
import { mapState } from 'vuex'
export default {
  // ...
  computed: mapState({
    // 箭头函数可以让代码非常简洁
    count: state => state.count,
    // 传入字符串 'count' 等同于 `state => state.count`
    countAlias: 'count',
    // 想访问局部状态,就必须借助于一个普通函数,函数中使用 `this` 获取局部状态
    countPlusLocalState (state) {
      return state.count + this.localCount
    }
  })
}

不过vuex也可以直接通过<script>的方式引入<script src="/path/to/vuex.js"></script>,那么在这样的情况下直接使用mapState会报错:Uncaught ReferenceError: mapState is not defined

请问如果直接引用vuex的情况下要怎么使用mapState?谢谢。

阅读 14.2k
4 个回答

Vuex.mapState 这个可以吧

新手上路,请多包涵

computed: mapState 改为 computed: Vuex.mapState ,这样就不会报错了

Vuex.mapState 试试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题