vuex分组

vuex分组实现，创建两个对象,调用Vuex.store传入Modules

import Vuex from 'vuex'
import Vue from 'vue'

Vue.use(Vuex)

const ModuleA = {
  state: {
    userInfo: '',
    count: 1,
    amount: 1
  }
}
const ModuleB = {
  state: {
    userInfo: '',
    count: 2,
    amount: 3231
  }
}

export default new Vuex.Store({
  modules: {
    a: ModuleA,
    b: ModuleB
  }
})

分组后state分成了两个对象在组件内可以通过 this.$store.state.a  / this.$store.state.b 获取两个模块的state

getters/mutation/action不会分成a.b两个对象的模式， 如果存在同名，会同时触发两个模块