VueFire 对象未定义答案

【问题标题】：VueFire object undefinedVueFire 对象未定义
【发布时间】：2018-01-10 22:38:49
【问题描述】：

我有以下几点：

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 页面上的文档，但似乎无法正常工作。

有人有什么想法吗？

谢谢

【问题讨论】：

在哪里添加{{typeof items}}？在 App.vue 中？如果是这样，那么您的错误是预期的。 firebase 引用是在 root Vue 中定义的，而不是在 App.vue 中。

标签： firebase vue.js vuefire

【解决方案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)
});

【讨论】：