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