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)
});

如果我查看浏览器的控制台，我会看到“items retrieved！”几秒钟后，但当我写下

{{ typeof items }}

在模板中，我得不到定义。我遵循了VueFire Github页面上的文档，但似乎无法使其正常工作。

有人有什么想法吗？

Thx

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)
});