双重嵌套动态模块注册-vuex

Question

根据Vuex 文档，我们可以通过这种方式动态注册嵌套模块：

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

我们可以使用以下方式访问此状态store.state.nested.myModule

如何动态注册第一个模块中嵌套另一层的模块。IE。我怎样才能使模块暴露状态改为store.state.nested.furtherNested.myModule. 这是可以做的事情吗？

Answer 1

您首先需要注册该furtherNested模块：

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

然后通过指定数组中的路径myModule来注册模块，如下所示：furtherNested

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

这是一个简单的例子：

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

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