我对 Vue/VueX 有点陌生，所以肯定有一些我不理解的东西。

我有一个非常简单的组件：

• 它从 VueX mapState(in computed())中获取一组项目
• 我从中获取一个项目（mounted()目前）
• 然后我需要将该项目推送到模板，但我无法弄清楚

我理解的方式，我们只能将数据推送到模板 fromsetup或data方法，但不能 from mounted，created钩子等。这听起来对吗？

在以下示例代码中，如何将item我从中获取的对象items发送mounted()到模板？

我无法全部完成，setup因为我的computed()VueXitems对象在那里还不可用。关于如何正确实现这个简单目标的任何建议？

我曾经能够将反应式 getter 应用于存储在我的vuex状态中的对象实例内的嵌套方法，但这似乎不再起作用。

在这种特殊情况下，它是一个mapbox实例，它被创建然后存储在vuexv3 存储的状态中。然后我可以在各种组件之间共享这个实例，还可以通过响应式 getter 观察实例的变化。

例如：

vuex但是，反应式吸气剂在v4中不再适用于这个用例。

我假设vuexv3 与 v4 的内部发生了一些变化：有没有办法故意将某些嵌套属性或方法公开给vuexv4 中的反应式吸气剂？

我正在编写一个小型 covid 项目并尝试使用 ApexCharts 绘制已确认的感染数据，但图表未显示。我在两个表中输入来自 vuex 的数据。数据是有效的，但是它来自代理对象中的 api 和 sa。我究竟做错了什么？（我使用 ApexCharts 是因为 vue Chartjs 与 vue 3 不兼容）。

来自 vuex 存储的数据是两个数组。

运行我的应用程序时出现此错误：

警告 编译时有 1 个警告 ./src/store/store.js 中的 11:50:40 PM 警告“在 'vuex' 中找不到导出 'createStore'

我安装了 vuexnpm install --save vuex

我正在使用 vue 3

我的 Store.js：

我的 main.js：

问题

✅ Vue 2： 计算属性在 vuex 存储突变后更新。

❌ Vue 3： 计算属性在 vuex 存储突变后不会更新。

Vuex 4

目的：从 Firestore 获取帖子。添加到“postsArray”。提交突变。

注意：函数“getNextPosts”是从允许无限滚动的（工作）交叉点观察者调用的。

计算属性

v-for

尝试 1

main.js

store.js

尝试 1 错误

尝试 2

main.js

store.js

尝试 2 错误

我使用 Vue CLI 创建了一个 Vue 应用程序。我正在尝试实现 Vuex。我遵循了许多教程（通常设置了 2 种不同的方式）。使用调试器时，我能够在它读取“Vue.use(Vuex)”之前停止。此时记录 Vue 返回未定义。我相信我的进口是正确的，但不知道我是否遗漏了一些重要的东西。任何帮助深表感谢。

编辑：尝试 1 和 2 之间的唯一区别是我在尝试 2 上删除了“Vue.use(Vuex)”。

我试图弄清楚如何从我的 vue3/vuex 商店中删除快照侦听器。我已经看到了其他类似问题的答案以及 Firestore 文档的许多链接，但我无法弄清楚 vuex 商店中的 WHERE 是否可以调用 unsubscribe()。有人可以帮助在使用 vuex 时在哪里以及如何调用 unsubscribe() 函数吗？

我有一个组件正在调用商店中的 bindAccts()，然后运行提交/变异并填充我的“帐户状态”。这是我在 vuex 商店文件中的代码：

在我的测试组件中，我像这样调用 bindAccts() 并在 ui 上快速显示帐户状态：

这样做我找不到取消订阅功能。

只是一个简单的问题，我正在使用 VueJS 3 和 VueX 状态管理。

这是我使用的全局属性，想知道如何使用 VUEX 直接访问它。

https://v3.vuejs.org/api/application-config.html#globalproperties

我是 Vue 的新手，我的任务是创建一些 Vue 小部件，这些小部件可以嵌入到几个现有的非 Vue 遗留 Web 应用程序中。我们的想法是，我们将创建一个包含这些小部件的库，然后可以将其嵌入到任一遗留应用程序中，最终我们可能会将整个应用程序迁移到 Vue。

我一直在寻找最好的前进方式，我有点困惑。我想这些是我的问题：

1. 我是否需要在这里考虑 Web 组件，或者这些小部件可以是我们以某种方式嵌入的实际 Vue 应用程序？

2. 如果应该将小部件创建为 Web 组件，那么使用 Vue/web-component-wrapper 或 vue-custom-element 库有什么区别吗？

3. 无论我们选择哪个选项，我们都能充分利用您在任何普通 Vue 应用程序中使用的特性——Vue 路由器、用于状态管理的 Vuex 等（并且可以在这些小部件之间共享状态）？

4. 小部件是否需要完全样式化，或者将组件的所有样式留给父应用程序（或两者的组合）是否是最佳实践？

我以前从来没有做过这样的事情（你可能会说！）所以任何指导或建议或指向示例的指针都将不胜感激。

** 更新 **

我发现这篇文章我认为这是我需要在https://itnext.io/vuidget-how-to-create-an-embeddable-vue-js-widget-with-vue-custom-element-674bdcb96b97中进行的方向

我有一个关于动作和突变的问题。

我有一个带有以下路由的 Web API 后端：getProducts（返回所有产品）和 addProduct、deleteProduct、updateProduct，它只返回成功或失败。

在前端，在特定模块状态下，我有兴趣保留所有产品的列表。

state.js：

下一个方法有多错误？

我没有在 addProduct（将新产品推送到状态）、updateProduct（编辑状态）和 deleteProduct（拼接状态）操作上提交突变，而是用我已经在数据库中添加/更新/删除的内容“刷新”我的状态，调度 getProducts 操作，这是唯一提交突变的操作。

通过这种方式，我的状态始终与“单一事实来源”（数据库数据）保持同步，并且我还在并发的选项卡/计算机/浏览器请求上保持状态是最新的。

动作.js：

这是一个错误的方法吗？如果我选择这样编写动作和突变，是否会错误地使用 VUEX 的状态管理？