Javascript VueJS/VueFire:数据空数组

我正在和vuejs一起做一个项目，我很难得到它 使用vuefire从Firebase获取数据。 代码如下：

Firebase.js

import firebase from 'firebase';
import Vue from 'vue'

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
var firebaseConfig = {
    apiKey: "XXXXXX",
    authDomain: "XXXXXXXX",
    databaseURL: "XXXXXXX",
    projectId: "XXXXXX",
    storageBucket: "XXXXXXXXX",
    messagingSenderId: "XXXXXXX",
    appId: "XXXXXXXXX",
    measurementId: "XXXXXXXXX"
  };

  
  // Initialize Firebase
export const app =  firebase.initializeApp(firebaseConfig);
firebase.analytics();
Vue.config.productionTip = false

 export const db = app.database();

导出const reviewsRef=db.ref（“审阅”）

这是我需要数据的组件

import { db } from '../firebase';
export default {
    data: function(){
        return {
            // liste des review de cet utilisateur
            reviews:[],
            userUid:'',
            // review a afficher dans le detail
            reviewToDisplay:null
        }
    },
    firebase:{
        reviews: db.ref("reviews")
    }

当我试图显示评论时，它只是一个空数组。。。我真的不知道为什么它不起作用

我的火基树结构

---

我自己也在学习firebase。但是，FWIW：

从

8.0.0之前

从“firebase/app”导入*作为firebase

8.0.0之后

从“firebase/app”导入firebase

SinghDigamber的示例应用程序，使用firebase 7.13.2， @

显示：

从“firebase”导入*作为firebase

（即，没有“/app”）因此，您应该尝试：

从“firebase”导入*作为firebase

---

由于您的firebase版本是<8.0.0

不要忘记导入

firebase/数据库