[typescript] vuex-module화 된 내용 getters 하는법

Vuex 구조 

index.ts
    ├─ ModuleCreateTheme.store.ts
    ├─ ModuleEditTheme.store.ts
    └─ ModuleUserInfo.store.ts

각 모듈별 똑같이 getters 를 아래와 같이 작성했다.

 getters: {
    getAllState: state => state,
 }

getters를 사용하고자 하는 컴포넌트에서 불러온다.

this.$store.getters['moduleUserInfo/getAllState'] 
// this.$store.getters[네임스페이스, 함수명]

기존에는 getters를 사용할때 computed에 ...mapGetters를 선언하고 사용했는데, 바로 사용이 가능하다.

추가적으로 모듈화된 내용에 action이나 mutation을 하고 싶으면 네임스페이스, 값을 넣어준다. 그전에 store에서 사전설정은 필수!

 this.$store.dispatch('moduleUserInfo/setIsLogined', true);

 this.$store.commit('moduleCreateTheme/setPlay', this.inputValue1);

 

moduleUserInfo에 사전 설정한 내용