vuex中mapGetters，mapActions

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',
 ])