Vue2：Vuex中的getter用法

本文主要是介绍Vue2：Vuex中的getter用法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、情景说明

这个getter是对store中state里面的变量进一步加工处理的结果。
类似于vc中的computed属性
那么，大家就会问，那为什么不直接用computed了？
这个vuex中的getter有个好处就是，它里面的getter结果，可以被任何一个vc组件使用。
可以简单的理解为全局的computed。

二、案例

index.js配置getters

//准备state       用于存储数据
const state = {sum: 0 //当前的和
};//准备getters——用于加工state中的数据
const getters = {bigSum(state){return state.sum*10}
}//创建并暴露store
export default new Vuex.Store({actions,mutations,state,getters
});

vc中使用getter

		<h1>当前求和放大10倍为：{{$store.getters.bigSum}}</h1>

这篇关于Vue2：Vuex中的getter用法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---