Vue, Vuex, & Firestore:如何在前端显示检索到的Firestore数据并使其具有响应性?



我在尝试显示Firestore中的数据时遇到一些问题。数据已正确绑定到我的存储,但不会显示在网页上。我相信我的问题在于Vue对反应性的警告。由于我是Vue的新手,我不确定如何绕过这些注意事项,使我的数据变得被动。这里有一个链接,指向我在网页上看到的屏幕截图,我试图显示数据的Dashboard组件,以及我的商店的index.js文件。

Vue、Vuex和&本项目中使用的Vuexfire:
"vue":"3.0.0〃;,"vuex":"4.0.2〃;,"vuexfire":"3.2.5";

在研究了更多信息并得到另一个论坛上一位用户的帮助后,我们发现问题是Vuexfire还不支持Vuex4。我正在使用Firebase文档设置快照,以设置Vuex存储中的状态。这些快照正在填充存储并在前端进行更新。如果有人偶然发现这一点并有任何问题,请随时发表评论,我可以尝试并提供帮助!

最新更新