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

【问题标题】：invalid Firebase binding source when trying to use readyCallback with vuefire尝试将 readyCallback 与 vuefire 一起使用时，Firebase 绑定源无效
【发布时间】：2019-10-08 12:31:18
【问题描述】：

这是我第一次使用 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 应用程序就会出错。

【问题讨论】：

标签： firebase vue.js vuefire

【解决方案1】：

readyCallback 应该嵌套在里面：

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

【讨论】：

谢谢你，我错过了。