如題vuex 中的getter action mutations commit 對應什么功能作用,
2 回答

Alice_hhu
TA貢獻3條經(jīng)驗 獲得超1個贊
個人的一些粗淺總結,不完全正確,只是為了方便理解:
getter (相當于 store 的計算屬性,類似 vue 中的 computed,一般是對 state 中的屬性處理過后的屬性)
mutations (變化、方法、事件,類似 vue 中的 methods,可以對 state 中的屬性做一些處理等,不能直接調(diào)用,需要 commit 觸發(fā)調(diào)用)
action (用于?觸發(fā)?mutation,即進行 commit 動作,而?action 是通過 store.dispatch 方法來觸發(fā))
例如:
const?store?=?new?Vuex.Store({ ????state?(){ ??????return?{ ????????data1:?0 ????}; ??}, ??getters:?{ ????getter1:?state?=>?{ ??????return?state.data1?%?2?==?0???'偶數(shù)'?:?'奇數(shù)'; ????} ??}, ??mutations:?{? ????fun1?(state){ ??????state.data1?++; ????} ??}, ??actions:?{ ??????action1?(context){ ??????????context.commit('fun1'); ??????} ??} }); //?訪問?getters console.log(store.getters.getter1);?//?偶數(shù) //?分發(fā)?action store.dispatch('action1'); console.log(store.getters.getter1);?//?奇數(shù)
添加回答
舉報
0/150
提交
取消