我们最近通过多个入口点（webpack 4 开箱即用的功能）将我们的主要 app.js 包拆分为许多小包（小应用程序）

每个包内部都有不同的 vue 组件，它们导入包含所有模块的 vuex 存储。在拆分捆绑包之前 - 这个存储是一个单例并且在所有组件之间共享，即 - 当一个组件改变存储时 - 其他组件将反映更改。

现在我们有许多包导入商店 - 似乎它们不共享范围，每个包都有自己的商店。有没有办法解决这个问题？

我正在使用 vuex 打字稿。这是一个商店模块：

现在如果调用dispatchAddToSearchHistory或者commitAddToHistory它总是相同的，所有的值都会被覆盖。例如，如果我添加一个元素来存储，那么它看起来像这样：

现在当我添加另一个对象{b: 2}存储时

所有值都被最后一个条目覆盖。例如，如果我尝试添加{c:3}然后存储看起来像（等等）：

I'm developing an app using Vuejs and Vuex.

I've got a Vuex module called settings_operations. This module has the following action:

Edit: the to() is https://github.com/scopsy/await-to-js

With the following mutations:

And then, in the component I want to use this state slice:

The problem is that when the changePassword action results in an error, the watch doesn't stop in the PROCESSING step, it goes directly to the ERROR moment so the array will be filled with 2 objects. It literally jumps the "processing" watching step.

A funny thing that happens is that if I add a setTimeout just like this:

It works! The watch stops two times: the first tick displaying the array with the processing object and the second tick displaying the array with 2 objects; the processing one and the error one.

What am I missing here?

Edit:

I reproduced the problem here: https://codesandbox.io/s/m40jz26npp

我目前将我的商店结构定义如下

存储/模块/User.js

存储/index.js

在一个组件中，我需要使用来自用户模块和 index.js 的 ..mapGetters

...mapGetters('User', ['user'], ['sideNav', 'showAssociation']),

但这是不对的......我收到一个错误：

我应该如何写我的 ...mapGetters ？还是我的用户模块中有什么问题？

感谢您的反馈

我正在尝试使用 Vuex 模块，但它运行不正常，我得到 uknown 动作试图调度它......

存储/index.js

存储/模块/authentication.js

main.js

我的模块声明有什么问题？

Vuex 商店开始变得有点拥挤，所以我决定把它分成模块。但是，编译后代码中断并出现以下错误

这是我的邀请模块

这就是我将它导入商店的方式

项目正在使用 laravel 和 vue 的组合。提前致谢。

我目前正在使用 Vuex 和 Vue 建立一个项目，但遇到了一个奇怪的问题。我推测它与渲染顺序有关，但经过多次尝试更改代码无济于事，我仍然不确定。

我尝试的是使用父级中的 getter 访问状态并使用插槽传递它，而不是直接在子级中传递它，因为它应该是并且我将在此处发布。

我尝试使用$this.$store.state仍然未定义的值传递值，但是在控制台使用实例上的方法记录它时，所有数据都在那里。

这是我的代码的链接。

那里的错误类似于我自己的控制台中的错误：

提前感谢任何愿意花时间看它的人。

PS：将其更改store.state.stake.value为内容显示后，会出现另一个错误，即[Vue warn]: Invalid handler for event "click": got undefined

我需要在 Vuex 中获取路由的查询参数，以便预加载过滤器设置并更新应用程序的状态。为了使这成为可能，我安装了vuex-router-sync。

下一步是同步 Vuex 和 VueRouter。

路由器：

店铺：

应用程序的引导程序：

我FilterPlugin的应该触发 URL 解析：

现在，有趣的部分是 URL 解析操作：

我究竟做错了什么？我认为这可能与同步有关，但最后 console.log 清楚地显示路由对象在那里（并且它不是空的），但是当我访问它时，它是undefined. 先感谢您。

我是 Vuex js 和关于商店的一切的新手。

我有以下 store.js

然后，当我单击调用此函数的模式（v-dialog）上的按钮时，我会执行提交

然后我有我的 turno.vue（把它当作 app.vue），在那里我检索了商店的状态。但是，当提交时，它没有在视图上更新的状态！.

我正在尝试在状态更改时更新视图！

turno.vue

我已经准备好一些帖子，其中一些谈论使用计算属性，但我无法理解如何以及是否需要在每次状态更改时更新视图。

谢谢大家！

编辑已解决

store.js

调用函数添加患者的组件模态：

状态变化时更新的 Turno.vue (root)

在我的 NUXT 应用程序中，我使用的是 vuex 商店模块！当我运行应用程序并调用

我收到一个错误说“不要在突变处理程序之外改变 vuex 存储状态”，它无限循环！

我的模块如下所示：

我找到了一个解决方案（有点）。通过在 store/index.js 文件中将严格模式设置为 false，错误就会消失。

但这似乎是一个 hacky 解决方案，我真的不明白发生了什么。这是 NUXT 中的错误还是我在我的 vuex 商店中做了一些奇怪的事情？