Vue、Vuex 和 Firestore：如何在前端显示检索到的 Firestore 数据并使其响应？
Vue, Vuex, & Firestore: How to display retrieved Firestore data on the frontend and make it reactive?
我在尝试显示来自 Firestore 的数据时遇到了一些问题。数据已正确绑定到我的商店，但未显示在网页上。我相信我的问题是 Vue 关于反应性的警告。由于我是 Vue 的新手，所以我不确定我将如何解决这些警告以使我的数据具有反应性。 Here is a link to a screenshot 我在网页上看到的内容、我试图在其中显示数据的仪表板组件以及我的商店的 index.js 文件。
本项目中使用的 Vue、Vuex 和 Vuexfire 版本：
"vue": "^3.0.0",
"vuex": "^4.0.2",
"vuexfire": "^3.2.5"
经过更多研究并从另一个论坛上的用户那里获得帮助后，我们发现问题是 Vuexfire 尚不支持 Vuex 4。我正在使用 Firebase documentation 设置快照以设置我的 Vuex 存储中的状态。这些快照正在填充商店并在前端更新。如果有人偶然发现这个问题并有任何问题，请随时发表评论，我会尽力提供帮助！
我在尝试显示来自 Firestore 的数据时遇到了一些问题。数据已正确绑定到我的商店，但未显示在网页上。我相信我的问题是 Vue 关于反应性的警告。由于我是 Vue 的新手，所以我不确定我将如何解决这些警告以使我的数据具有反应性。 Here is a link to a screenshot 我在网页上看到的内容、我试图在其中显示数据的仪表板组件以及我的商店的 index.js 文件。
本项目中使用的 Vue、Vuex 和 Vuexfire 版本：
"vue": "^3.0.0",
"vuex": "^4.0.2",
"vuexfire": "^3.2.5"
经过更多研究并从另一个论坛上的用户那里获得帮助后，我们发现问题是 Vuexfire 尚不支持 Vuex 4。我正在使用 Firebase documentation 设置快照以设置我的 Vuex 存储中的状态。这些快照正在填充商店并在前端更新。如果有人偶然发现这个问题并有任何问题，请随时发表评论，我会尽力提供帮助！