Vuex中getters的使用

116 阅读1分钟

vuex中getters的使用

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

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

    //创建getters————给state中的数组进行加工
    const getters={
      bigSum(state){
        return state.sum*10
      }
    }
    //创建并暴露store
    export default new Vuex.Store({
      ......
      getters
    })
​

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