如何從另一個組件內部的方法導入Firebase引用？

Question

我將Firebase導入到/buildings.vue組件的頂部：

...
import buildingsadd, { buildingsRef } from './buildingsadd.vue';


export default {
  firebase() { 
    return { 
    buildings: buildingsRef
    }
  },
  components: {
    buildingsadd
  },
  name: 'buildings',
  ...

在/buildingsadd.vue組件上，我正在定義Firebase引用的新路徑，如下所示：

...
import firebase from '../firebase-config';
import { db } from '../firebase-config';
export default {
  firebase() { 
    return {
    buildings:  buildingsRef,
    users: usersRef,
    }
  },
  name: 'buildingsadd',
  data () {
    return {
      newBuilding: {
        name: '',
      } 
    }
  },
  methods: {
    addBuilding: function () {
      let userId = firebase.auth().currentUser.uid;
      let buildingsRef = db.ref('buildings/'+userId);
    }
...

但是我得到這個錯誤：

有任何想法嗎？

答案也可以解決我的特殊問題：

• 是否可以在Firebase數據庫引用路徑上定義變量？

  如果我使用以下firebase規則，Vue.JS“ for循環”將不會在firebase上顯示項目？

  是否可以將“用戶”對象帶到“頂級”並從“ on.AuthSateChanged（user => ....}”外部訪問它？

  如何在保持這種結構的同時將讀寫規則限制於創建節點的用戶？

Answer 1

您未在導出buildingsRef 。 如下導出。

建築add.vue ：

import firebase from '../firebase-config';
import { db } from '../firebase-config';

let userId = firebase.auth().currentUser.uid;                  // added
export let buildingsRef = db.ref('buildings/'+userId);         // added

export default {
  // ... (all the same)
  methods: {
    addBuilding: function () {
                                                               // removed lines here
    }
...