vuex中module的使用

1.modules

由于使用单一的状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂，store对象就会变得非常臃肿；为了解决这个问题，Vuex允许我们将store分隔成模块（module），每个模块拥有自己的state，mutation，action，getter，甚至是嵌套子模块

const moduleA={

    state:{},

    mutation:{},

    actions:{},

    getters:{}

}

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

store.state.a

2.模块的局部状态

const moduleA={
    state:{count:0},
    mutations:{
        increment(state){
        //这是的state对象是模块的局部状态
        state.count++
        }
    },
    getters:{
        doubleCount(state){
            return state.count*2
        }
    }
}