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

Question

我在试图显示来自Firestore的数据时遇到了一些困难。数据已正确绑定到我的商店，但不显示在网页上。我认为我的问题在于Vue关于反应性的警告。由于我对Vue相当陌生，所以我不确定如何绕过这些警告来使我的数据具有反应性。以下是截图的链接，我在网页上看到的内容，我试图显示数据的仪表板组件，以及我的商店的index.js文件。

在此项目中使用的Vue、Vuex和Vuexfire的版本：

"vue"："^3.0.0"，"vuex"："^4.0.2"，"vuexfire"："^3.2.5“

Answer 1

经过更多的研究，以及来自另一个论坛的用户的帮助，我们发现问题是Vuexfire还不支持Vuex 4。我正在使用[消]火基文件设置快照，以设置Vuex存储中的状态。这些快照正在填充存储并在前端进行更新。如果有人无意中发现这一点，并有任何问题，请随时评论，我可以尝试和帮助！