VUEFIRE如何设置DB Ref根据组件支柱动态更改

Question

我正在尝试基于组件数据来设置firebase节点的动态绑定，例如

export default {
  name: 'data',
  props: {
    api: {
      type: String
    },
    section: {
      type: String
    }
  },
  firebase: {
    apiData: { 
      source: (console.log('source', this.api), db.ref(this.api)),
      asObject: true
    }
  },  
  updated: function() {
    console.log('updated', this.api, this.section)
  },
  created: function() {
    console.log('created', this.api, this.section)
  }
}

我的问题是，更新事件已启动，但Apidata源更新未触发。

使用Vuefire做到这一点的正确方法是什么？

Answer 1

在阅读Vuefire文档后，我想出了手表解决方案

data: function(){
  return {
    apiData: {}
  }
},
created: function() {
    this.$bindAsObject('apiData', db.ref(this.api))
},
watch: {
  api: function() {
    this.$bindAsObject('apiData', db.ref(this.api))
  }
}