vue中vuex的使用（2）----getters使用方法

有时候我们在vuex里面放置的数据，需要经过一系列的转换才拿出来，比如说*10后拿出来，这时候需要用到getters，这个方法可以将共享数据经过特定处理后再给外界取出使用
主要步骤如下
1.设立getters对数据加工
打开vuex的配置文件，加入

//getters---用于将states里面的数据进行加工
const getters = {
    bigSum(state){
        // console.log(state)
        return state.sum*10
    }
}

并在store对象里面引入

const store =new Vuex.Store({
    actions,
    mutations,
    state,
    getters,//记得设置后配置进来
})

2.外部引入getters加工后的数据
直接调用在$store.getters的数据

 <h3>getters如何读取演示：{{$store.getters.bigSum}}</h3>

效果如下
演示数据*10后显示在页面