如何创建 nuxt 商店子模块,以便我可以使用与第二个实例相同的商店模块?

时间:2021-03-31 11:35:27

标签: nuxt.js vuex

在我的 Nuxt 项目中,我卡住了...

我现在阅读了几篇文章来解决标题中的问题,但我不明白(https://scrimba.com/scrim/cqKK4psq?pl=pnyzgAPhttps://markus.oberlehner.net/blog/how-to-structure-a-complex-vuex-store/https://nuxtjs.org/docs/2.x/directory-structure/store)或者我可能将某些内容与vuex 和 nuxt :)

我的 store/entity.js 文件夹中有一个商店模块。现在我想使用该实体结构和行为在同一屏幕上同时填充具有该实体不同内容/状态的两个视图 - 来自 api 的不同来源。

我如何创建两种类型以便我可以调用 this.$store.dispatch('entity/substore/someAction')this.$store.dispatch('entitiy/otherSubStore/someAction')(虽然 someAction 在这两种情况下都应在 entity.js 中实现并执行相同的操作。substore 和otherSubStore 是使用不同的状态实现 - 以便创建该实体的两个存储实例(它是如何工作的?):

substore:
export const state = () => ({
    target: 'view1'
})

otherSubStore:
export const state = () => ({
    target: 'view2'
})

这是它的工作方式吗?它对我不起作用:)

感谢您让我走上正确的道路,找到解决方案,请不要犹豫,在评论中询问我的理解细节。

0 个答案:

没有答案