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

Question

我在/buildings.vue组件的顶部导入了一个火力基地：

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

但是我收到了这个错误：

有任何想法吗？

对此的答案也将解决我的特定问题：

• 是否可以在 firebase 数据库引用路径上定义变量？

  如果我使用以下 firebase 规则，Vue.JS“for loop”不会在 firebase 上显示项目？

  是否可以将“用户”对象带到“顶级”并从“on.AuthSateChanged（user => ....}”外部访问它？

  如何在保持此结构的同时将读/写规则约束到创建节点的用户？

Answer 1

您不是在导出buildingsRef. 像下面这样导出它。

建筑物添加.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
    }
...