Vuex 中 getter的使用

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

注意：一旦在store.js 文件中添加 getters 配置项，$store上就多了个 getters

理解：state 中的数据就像 Vue 中的 data 一样， getters 中的数据就像 Vue 中的计算属性 computed 一样 类比