store中getters配置项的使用


getters的使用

1.概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。

2.在store.js 中追加getters配置

......
const getters = {
    bigSum(state){
        return state.sum*10
    }
}
//创建并暴露store
export default new Vuex.Store({
    ......
    getters
})

3.组件中读取数据:$store.getters.bigSum

注意:getters并不是必须配置的选项,state类似于data(),getters就类似computed

vue