getter方法的作用 vuex_vuex 中的getter action mutations commit 对应什么功能作用，

Alice_hhu

个人的一些粗浅总结，不完全正确，只是为了方便理解：getter (相当于 store 的计算属性，类似 vue 中的 computed，一般是对 state 中的属性处理过后的属性)mutations (变化、方法、事件，类似 vue 中的 methods，可以对 state 中的属性做一些处理等，不能直接调用，需要 commit 触发调用)action (用于 触发 mutation，即进行 commit 动作，而 action 是通过 store.dispatch 方法来触发)例如：const store = new Vuex.Store({

state (){

return {

data1: 0

};

},

getters: {

getter1: state => {

return state.data1 % 2 == 0 ? '偶数' : '奇数';

}

},

mutations: {

fun1 (state){

state.data1 ++;

}

},

actions: {

action1 (context){

context.commit('fun1');

}

}

});

// 访问 getters

console.log(store.getters.getter1); // 偶数

// 分发 action

store.dispatch('action1');

console.log(store.getters.getter1); // 奇数