Javascript Vuefire Firestore集合数据

Javascript Vuefire Firestore集合数据,javascript,vue.js,google-cloud-firestore,vuefire,Javascript,Vue.js,Google Cloud Firestore,Vuefire,我正在尝试使用以下代码重新设置vuefire组件数据: <script> import { db } from "../../firebase/firestore"; export default { data() { return { newComment: { content: "" }, comments: [] }; }, firestore: {

我正在尝试使用以下代码重新设置vuefire组件数据:

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

从“../../firebase/firestore”导入{db}”;
导出默认值{
数据(){
返回{
新成员:{
内容:“”
},
评论:[]
};
},
firestore:{
注释:数据库集合(“测试仪”)
},
但是,注释数据数组从不填充。
我知道firestore数据库正在被访问,因为每次我刷新页面时,我的使用统计数据都在上升。
有人知道如何让它工作吗?

任何寻求帮助的人。
文档没有明确告诉您将插件文件导入Main.js文件(您在其中创建Vue实例)。这是必要的,允许在任何组件中使用$bind。
在那里,我在created()hook中使用了Frank Van Puffelen的建议来设置本地数据。

还要查看firestore的规则,确保您允许读取或写入请求。

此处显示的代码实际上不是查询firestore。
db.collection(“测试仪”)
只创建一个CollectionReference对象,不读也不写任何东西。天哪。从我在这里读到的:,它似乎表明它正在阅读。有没有关于如何阅读的建议,同时保持订阅对集合的任何更改?没有意识到vue有声明性绑定。不确定当时出了什么问题。虽然这确实是ac根据VueFire文档,我很难弄清楚VueFire在这段代码中是如何绑定的。它们所记录的
$bind
语法对我来说似乎更为常见,因此可能值得一试(首先):
this.$bind('comments',db.collection('tester'))
。谢谢!这让我走上了正确的道路。现在出现了一个错误,说明权限不足。我如何配置它以允许我的应用程序获取数据?