Vuefire如何根据组件道具

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