Vue学习笔记-Vuex中getters的使用

概念

当Vuex中state里的数据需要加工后再使用,并且希望复用时，可以使用getters加工

配置

在/store/index.js中追加getters配置

......
const state = {
	...
	sum:3,
	...
}
//这里的getter用法类似于vue中的计算属性，getters中的方法参数天生可以获取state对象
const getters = {
	bigSum(state){
		return state.sum * 10
	}
}

组件中读取getters中的数据

$store.getters.bigSum