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

莫名小晟
  • 261

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?谢谢。

评论
阅读 10.1k
4 个回答

Vuex.mapState 这个可以吧

eleant
  • 1
新手上路,请多包涵

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

Vuex.mapState 试试

dujunhui
  • 1
新手上路,请多包涵

请问是怎么解决的?我的也是报错。

撰写回答

登录后参与交流、获取后续更新提醒

宣传栏