Vuex之getters

Vuex中数据如果被组件事情前需要加工一下再进行展示，该怎么办？

“加工过再进行展示”，就很容易理解为计算属性

Vuex也有属于自己的计算属性

// 理解为store的计算属性
const getters = {
  bigSum(state) {
    return state.sum * 10;
  },
};

千万别忘记暴露这个getters

export default new Vuex.Store({
  state,
  mutations,
  actions,
  getters,
});

组件中这样拿到

return this.$store.getters.bigSum