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

任何人有任何想法？

THX

Answer 1

如果您需要从Vue的实例访问性能，使用功能语法，你必须使用火力的功能

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