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

posted @ 2022-03-11 11:20  苏槿年  阅读(1820)  评论(0编辑  收藏  举报