Vuefire Firestore设置数据

Question

我正在尝试使用以下代码让vuefire设置组件数据：

<script>
import { db } from "../../firebase/firestore";
export default {
  data() {
    return {
      newComment: {
        content: ""
      },
      comments: []
    };
  },
  firestore: {
    comments: db.collection("tester")
  },
</script>

但是，永远不会填充注释数据数组。

我知道firestore数据库正在被访问，因为每次我刷新页面时，我的使用率统计数据都在攀升。有人知道怎么让它工作吗？

Answer 1

给任何寻求帮助的人。

文档没有明确地告诉您将插件文件导入到Main.js文件(在其中创建Vue实例)。这是非常重要的，并且允许在任何组件中使用$bind。

在那里，我在created()钩子中使用了Frank Van Puffelen的建议来设置本地数据。

还要检查firestore的规则，以确保您允许读或写请求。