VueJS / VueFire :数据空数组

Question

我正在与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();

导出常量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树结构

​

Answer 1

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

来自https://firebase.google.com/support/release-notes/js

8.0.0之前的

从' firebase /app‘导入*作为firebase

8.0.0之后

从' firebase /app‘导入firebase

来自SinghDigamber的示例应用程序，使用firebase 7.13.2，@ https://github.com/SinghDigamber/vue-firebase-setup/blob/master/src/firebaseDatabase.js

显示：

从‘firebase’导入*作为firebase；

(例如，没有'/app')所以，你应该尝试：

从' firebase‘导入*作为firebase

因为您的firebase版本低于8.0.0