本文介绍: 当Vuexstate里的数据需要加工后再使用,并且希望复用时,可以使用getters加工。在/store/index.js中追加getters配置

概念

当Vuexstate里的数据需要加工后再使用,并且希望复用时,可以使用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

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注