vuex中getters的使用

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

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

//准备getter - 用于将state中sum加工
const getters = {
  bigSum(state){
    return state.sum * 10
  }
}
Vue.use(Vuex)
//创建并暴露store
export default new Vuex.Store({
  actions,
  mutations,
  state,
  getters,
});

3. 组件中读取数据

$store.getters.bigSum