问题标签 [vuex]

我有一个 vuex 文件，其中包含越来越多的变量，但我不确定将其拆分为不同文件的正确方法。

因为我有：

const store = new Vuex.Store({ vuex stuff })然后在我的主要 Vue 应用程序声明下面：const app = new Vue({ stuff })

我很高兴使用 Vue 组件并且已经拥有很多组件，但这是应用程序顶层的东西，我不知道如何将它分开。任何建议表示赞赏。

我想在每次路由器更改之前检查数据是否存储，如果数据不在 vuex 中，我想使用 vuex 的操作从服务器获取数据。那么我如何在 beforeEach 中进行用户操作。

我用的是vue2.0

我是 VUE 的新手，很难弄清楚如何渲染一个我不知道它会深入多少层的对象。

我从 web-api 返回这个对象

我忽略了第一级并将其推入我的商店。现在我正在寻找一种递归方式来遍历所有父母和他们的孩子。（这将是所需输出的一个示例）

但是我没有进一步说明：

当然，我可以继续这样下去，然后我会到达我的 obj 的末尾。但在实际情况下，我不知道它会走多远，这就是为什么我想要一个不关心这一点的解决方案，并且一直持续到没有孩子为止。

我在文档中看到了一些东西，但是该代码与我的代码如此不同，以至于我无法真正理解如何应用（https://vuejs.org/v2/guide/components.html#Circular-References-Between-Components）

我的初始化代码基本上是这一切（简化）在一起：

欢迎所有想法的建议:)

最好的，巴斯蒂安

当我使用带有承诺的动作时，我确实遇到了一些问题，让 vuex 突变中的 indexOf 起作用。这是我的行动

这是我的突变

我收到一个错误 indexOf is not a function 有人知道为什么吗？

我正在尝试将内容的 JSON 文件加载到我的 vuejs 应用程序中并在我的组件中访问它。我可以通过创建 API 将 json 加载到 vuex 存储中：

和一个动作

我在主 vue 实例的创建函数上运行 getSiteContent

在 chrome 中使用 vue 调试工具我可以看到商店

使用 siteData 进行更新。

这是json的一部分：

当我尝试访问时

在我的组件中，{{mumbo}}我无法读取未定义的 project_name 的属性。

我觉得这是一个时间问题，因为当我将它设置为返回 siteData.global 时它不会倒下

我不确定我是否做错了什么，或者我缺少连接以使其正常工作。

目前，如果用户执行编辑数据的操作，我会发送 API 调用，然后对我的应用程序有效地执行“刷新”命令，从数据库中重新下载所有相关数据，并相应地更新视图.

我是否应该直接在我的 Vuex 状态下编辑数据，并拥有某种观察器功能来观察这些变化并将它们写回数据库？

我目前正在使用 Electron 构建一个应用程序，到目前为止这非常棒。

我正在使用Vue.js和Vuex管理我的应用程序的主要状态，主要是用户状态（配置文件和已验证等...）

我想知道是否可以打开一个新窗口，并具有与Vuex主窗口相同的状态，例如

如果用户未通过身份验证，我目前会在应用启动时显示登录窗口，这可以正常工作。

用户执行登录表单，如果成功则触发此功能：

这一切都有效，唯一的问题是，与它的mainWindow共享不一样this.$storeloginWindow.close()

有什么方法可以将它传递Vuex this.$store到我的新窗口，这样我就不必mainWindow不断地隐藏它，改变它的视图，而且我希望能够拥有其他依赖的窗口（朋友列表等）关于Vuex国家。

希望这不会太令人困惑，如果您需要澄清只是问。谢谢。

我正在使用 Vue & Vuex 2 创建一个计数器。
当尝试访问 store 对象的 count 属性时，使用this.$store.state.count，我得到一个Cannot read property 'state' of undefined错误。

当我在里面创建商店实例而不是导入它时，该错误没有出现，并且一切正常。main.js

main.js

store.js

计数器.vue

知道商店导入有什么问题吗？

小提琴：这里

我正在使用带有 Vuex 的 Vue 2 创建一个 webapp。我有一个商店，我想从 getter 中获取状态数据，我想要的是如果 getter 发现数据尚未填充，它会调用 dispatch 并获取数据。

以下是我的 Vuex 商店：

但我收到以下错误：

未捕获的类型错误：state.dispatch 不是函数（…）

我知道我可以从beforeMountVue 组件中做到这一点，但是我有多个使用相同 Vuex 存储的组件，所以我必须在其中一个组件中执行此操作，应该是哪个组件以及它将如何影响其他组件。

我正在尝试使用 vuex 将一个数组从我的 api 拉到一个组件中，但我很茫然，并且可能在尝试这个时不知所措。通过直接从组件访问 api，我将其设置为这样，这很好：

作为参考，json 看起来类似于：

当我将这一切都转移到商店时，我对如何实际进行这项工作失去了把握。我以前用过 vuex，只是从来没有用过 vue-resource。

我知道这是错误的，并且我收到了最大调用堆栈大小错误。this.catalog = data.body[0].threads;当我把所有东西都放在商店里时，我怎样才能得到与上面示例中发布的相同的结果 ( )？

让我知道是否有任何需要澄清的地方！我对使用 Vue 2.0 还是很陌生。