firebase - 尝试将 readyCallback 与 vuefire 一起使用时，Firebase 绑定源无效

Question

这是我第一次使用 Vuefire。我想在使用加载数据后渲染一些数据db.ref('page_data')。在文档中，我读到您可以使用内部的函数在firebase: {}准备好调用时进行回调readyCallback: function(){}

但是由于一些奇怪的原因，当我使用这个 firebase 时会抛出一个错误：

invalid Firebase binding source

我的<script>标签看起来像这样

import { db } from "./firebase"

export default {
    name: 'App',
    firebase: { 
      data: db.ref('page_data'),
      readyCallback: function(){
        console.log("Ready!")
      }
    },
    data(){
        return{
            data: ui_data,
        }
    }
}

如果我删除readyCallback没有显示任何错误，但问题是如果我尝试在请求完成之前呈现数据，vue 应用程序错误就会出现在我身上。

Answer 1

readyCallback应该嵌套在里面：

 firebase: { 
  data: {
    source: db.ref('page_data'),
    readyCallback: function(){
      console.log("Ready!")
    }
  }
},