1.概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。
2.在 store/index.js 中追加 getters 配置
......
const getters= {
bigSum(state){
return state.sum*10
}
}
//创建并暴露store
export defalut new Vuex.store({
......
getters
})
3.组件中读取数据
<h3>当前和放大10倍后为:{{ $store.getters.bigSum }}</h3>