- 对于模块内部的 mutation 和 getter,接收的第一个参数是模块的局部状态对象state
- 对于模块内部的 action,局部状态通过 context.state 暴露出来,根节点状态则为 context.rootState
- 使用全局 state 和 getter,rootState 和 rootGetters 会作为第三和第四参数传入 getter,也会通过 context 对象的属性传入 action
- 在全局命名空间内分发 action 或提交 mutation,将 { root: true } 作为第三参数传给 dispatch 或 commit 即可
// module a
const moduleA = {
namespaced: true,
state: () => ({
count: 0
}),
mutations: {
someMutation(state){}
},
getters: {
// 在这个模块的 getter 中,`getters` 被局部化了
// 你可以使用 getter 的第四个参数来调用 `rootGetters`
someGetter (state, getters, rootState, rootGetters) {
getters.someOtherGetter // -> 'foo/someOtherGetter'
rootGetters.someOtherGetter // -> 'someOtherGetter'
rootGetters['bar/someOtherGetter'] // -> 'bar/someOtherGetter'
},
someOtherGetter: state => { ... }
},
actions: {
// 在这个模块中, dispatch 和 commit 也被局部化了
// 他们可以接受 `root` 属性以访问根 dispatch 或 commit
someAction ({ dispatch, commit, getters, rootGetters, rootState }) {
getters.someGetter // -> 'foo/someGetter'
rootGetters.someGetter // -> 'someGetter'
rootGetters['bar/someGetter'] // -> 'bar/someGetter'
rootState.user.userId // -> 'user.userId'
dispatch('someOtherAction') // -> 'foo/someOtherAction'
dispatch('someOtherAction', null, { root: true }) // -> 'someOtherAction'
commit('someMutation') // -> 'foo/someMutation'
commit('user/someMutation', null, { root: true }) // -> 'user/someMutation'
commit('someMutation', null, { root: true }) // -> 'someMutation'
},
someOtherAction (ctx, payload) { ... }
}
}
// module user
const moduleB = {
namespaced: true,
state: () => ({
userId: '',
name: ''
}),
mutations: {
someMutation(state){}
},
getters: {},
actions: {}
}
标签:someMutation,getters,module,读值,state,someOtherGetter,someGetter,Vuex,rootGetters
From: https://www.cnblogs.com/gongxiansheng/p/17312398.html