const moduleA = {
 state: {....},
 mutations: {....},
 actions: {....},
 getters: {....}
}

const moduleB = {
 state: {....},
 mutations: {....},
 actions: {....},
 getters: {....}
}

const store = new Vuex.Store({
 modules: {
 a: moduleA,
 b: moduleB
 }
})

store.state.a // moduleA的狀態(tài)
store.state.b // moduleB的狀態(tài)

const moduleA = {
 state: { count: 0},
 mutations: {
 increment (state) {
  // state是模塊的局部狀態(tài)，也就是上面的state
  state.count++
 }
 },
 getters: {
 doubleCount (state, getters, rootState) {
  // 參數(shù) state為當(dāng)前局部狀態(tài)，rootState為根節(jié)點(diǎn)狀態(tài)
  return state.count * 2
 }
 },
 actions: {
 incremtnIfOddRootSum ( { state, commit, rootState } ) {
  // 參數(shù) state為當(dāng)前局部狀態(tài)，rootState為根節(jié)點(diǎn)狀態(tài)
  if ((state.cont + rootState.count) % 2 === 1) {
  commit('increment')
  }
 }
 }
}

const store = new Vuex.Store({
 modules: {
 account: {
  namespaced: true,
  state: {...}, // 模塊內(nèi)的狀態(tài)已經(jīng)是嵌套的，namespaced不會(huì)有影響
  getters: {  // 每一條注釋為調(diào)用方法
  isAdmin () { ... } // getters['account/isAdmin']
  },
  actions: {
  login () {...} // dispatch('account/login')
  },
  mutations: {
  login () {...} // commit('account/login')
  },
  modules: {  // 繼承父模塊的命名空間
  myPage : {
   state: {...},
   getters: {
   profile () {...}  // getters['account/profile']
   }
  },
  posts: { // 進(jìn)一步嵌套命名空間
   namespaced: true,
   getters: {
   popular () {...} // getters['account/posts/popular']
   }
  }
  }
 }
 }
})

modules: {
 foo: {
 namespaced: true,
 getters: {
  // 在這個(gè)被命名的模塊里，getters被局部化了
  // 你可以使用getter的第四個(gè)參數(shù)來(lái)調(diào)用 'rootGetters'
  someGetter (state, getters, rootSate, rootGetters) {
  getters.someOtherGetter // -> 局部的getter， ‘foo/someOtherGetter'
  rootGetters.someOtherGetter // -> 全局getter, 'someOtherGetter'
  }
 },
 actions: {
  // 在這個(gè)模塊里，dispatch和commit也被局部化了
  // 他們可以接受root屬性以訪問跟dispatch和commit
  smoeActino ({dispatch, commit, getters, rootGetters }) {
  getters.someGetter // 'foo/someGetter'
  rootGetters.someGetter // 'someGetter'
  dispatch('someOtherAction')  // 'foo/someOtherAction'
  dispatch('someOtherAction', null, {root: true}) // => ‘someOtherAction'
  commit('someMutation') // 'foo/someMutation'
  commit('someMutation', null, { root: true }) // someMutation
  }
 }
 }
}

computed: {
 ...mapState({
 a: state => state.some.nested.module.a,
 b: state => state.some.nested.module.b
 }),
 methods: {
 ...mapActions([
  'some/nested/module/foo',
  'some/nested/module/bar'
 ])
 }
}

computed: {
 ...mapStates('some/nested/module', {
 a: state => state.a,
 b: state => state.b
 })
},
methods: {
 ...mapActions('some/nested/module',[
 'foo',
 'bar'
 ])
}

const MyModule = {
 state () {
 return {
  foo: 'far'
 }
 }
}