1.首先在store中定义getter,导出
var getters={ //需要传个形参,用来获取 state 属性 count(state){ return state.count } }
// 创建 store 对象 const store = new Vuex.Store({ state, getters })
2.在使用页面中引用vuex
import {mapGetters} from 'vuex'
然后在计算属性中调用 mapGetters 辅助方法,并传入一个数组,在数组中指定要获取的属性 count
<script> import {mapGetters,mapActions} from 'vuex' export default { name: 'app', computed:mapGetters([ //此处的 count 与以下 store.js 文件中 getters 内的 count 相对应 'count' ]) } </script>
//然后就this.count 就可以使用了
下面说说mapActions
1.编写actions mutations
2.导出anction mutations
3.在页面中引入 mapactions
4.在方法中mapactions这个方法
methods:mapActions([ //该 increment 来自 store.js 中导出的 actions 和 mutations 中的 increment 'increment', ])