如何从另一个组件内的方法导入firebase引用？

Question

我在 /buildings.vue 组件的顶部导入了一个firebase：

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


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

在 /buildingsadd.vue 组件上，我正在定义firebase ref的新路径，如下所示：

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

但我收到了这个错误：

任何想法？

对此的回答也将解决我的特殊问题：

• Is it possible to define a variable on the firebase database references path?

  Vue.JS "for loop" is not displaying the items on firebase if I use the following firebase rules?

  Is it possible to bring the "user" object to the "top level" and access it from outside the "on.AuthSateChanged(user => .... }"?

  How to constrain read/write rules to the users that create the nodes while keeping this structure?

Answer 1

您没有导出buildingsRef。将其导出如下。

<强> buildingsadd.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
    }
...