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

如果我查看浏览器的控制台，我会看到检索到的项目！＆＃39;几秒钟之后，但是当我写作

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

VueFire对象未定义

1 个答案: