如何从另一个组件内部的方法导入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
    }
...