firebase - VueFire 对象未定义

Question

我有以下内容：

const firebase = {
  items: {
    source: db.ref('items'),
    asObject: true,
    readyCallback: function() {
      console.log('items retrieved!');
    }
  }
}

new Vue({
  el: '#app',
  firebase,
  render: (h) => h(App)
});

如果我查看浏览器的控制台，我会看到“检索到的项目！” 几秒钟后，但当我写

{{ typeof items }}

在模板中我没有定义。我关注了 VueFire Github 页面上的文档，但似乎无法正常工作。

有人有什么想法吗？

谢谢

Answer 1

如果你需要从 Vue 实例访问属性，使用函数语法，你必须使用 firebase 作为函数

const firebase = function(){
    return {
        items: {
            source: db.ref('items'),
            asObject: true,
            readyCallback: function() {
                console.log('items retrieved!');
            }
       }
    }
}

new Vue({
    el: '#app',
    firebase,
    render: (h) => h(App)
});