import { createStore } from 'vuex';
import { moduleA } from './module/moduleA';
import { moduleB } from './module/moduleB';
export default createStore({
modules : {moduleA, moduleB}
});
모듈 A
export const moduleA = {
namespaced : true,
state:{
logged: false,
menu : 1,
},
getters:{
getLogged(state){
return state.logged;
},
getMenu(state){
return state.menu;
}
},
mutations:{
setLogged(state, value){
state.logged = value
},
setMenu(state, value){
state.menu = value;
}
},
actions:{
}
}
모듈 B
export const moduleB = {
namespaced : true,
state:{
num : 10,
},
getters:{
getNum(state){
return state.num;
}
},
mutations:{
setNum(state,value){
state.num = value;
}
},
actions:{
}
}
setter
store.commit("moduleA/setLogged", true);
getter
logged : computed(()=> store.getters["moduleA/getLogged"])