이중 중첩 다이내믹 모듈 등록 - vuex

이중 중첩 다이내믹 모듈 등록 - vuex

Vuex 문서에 따르면 다음과 같은 방법으로 네스트된 모듈을 동적으로 등록할 수 있습니다.

store.registerModule(['nested', 'myModule'], {
  // ...
})

이 에는 이이를 사용하여 할 수 .store.state.nested.myModule

첫 번째 모듈 깊숙이 네스트된 다른 레이어를 동적으로 등록하려면 어떻게 해야 합니까? 대신 노출 해야 합니까? 대신 모듈을 노출 상태로 만들려면 어떻게 해야 합니까?store.state.nested.furtherNested.myModule게게할 할는 ?? ???

.furtherNested 듈::

store.registerModule(['nested', 'furtherNested'], {
  // ...
})

.myModulefurtherNested어레이내의 패스를 다음과 같이 지정합니다.

store.registerModule(['nested', 'furtherNested', 'myModule'], {
  // ...
})

다음은 간단한 예입니다.

let store = new Vuex.Store({
  modules: { 
    nested: {}
  }
});

store.registerModule(['nested', 'furtherNested'], {})

store.registerModule(['nested', 'furtherNested', 'myModule'], {
  state: { foo: 'bar' }
})

console.log(store.state.nested.furtherNested.myModule);

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuex/3.0.1/vuex.min.js"></script>

언급URL : https://stackoverflow.com/questions/48390948/double-nested-dynamic-module-registration-vuex