Vuex模塊化用法 跨模塊調用方法

跨模塊調用state

使用rootState調用根state，拿到對應模塊下的state

actionFntion({state, commit, rootState}){
    console.log(rootState.moduleA.a)
}

跨模塊調用其他模塊mutation和action

moduleA_action({commit}){
    commit('moduleB/mutiationFn',{}, {root: true})
    dispatch('moduleB/actionFn',{}, {root: true}
)}

第一個參數是模塊/方法名，第二個參數是傳入值，第三個參數則是設置是否是從根開始查找該方法。

如果沒有設置root: true, 則會從調用方法的模塊moduleA上，調用 moduleA/moduleB/actionFn

 

模塊都設置了命名空間 namespaced 為 true