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