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