$bindAsArray don't update binded data dynamically

[monocles]

I'm trying to bind a child node dynamically after the event changes.

...
var db = firebaseApp.database().ref('data/')

new Vue({
  el: '#app',
  data: {
    current: 'first',
    currentNode: []
  },
  firebase: {
    myArray: db
  },
  ready() {
    this.$bindAsArray('currentNode', db.child(this.current))
  },
  watch: {
    'curent': function(node) {
      console.log(node)
      this.$bindAsArray('currentNode', db.child(this.current))
    }
  },
  methods: {
    pushToNode() {
        this.$firebaseRefs.currentNode.push({
          hello: 'hello',
          world: 'world'
        })
      }
  }
})

and I expect to receive data at the output on binded array like this:
<pre>{{ currentNode | json }}</pre>

I have made 2 fiddle examples
First with $bindAsArray which does not update the state after the event triggering.
https://jsfiddle.net/tpq0x7zu/1/

And second one with $bindAsObject which updates the data after the child node changes.
https://jsfiddle.net/f95a1zwx/5/

[monocles]

Ok. solve this with vue.filter

Vue.filter('getCurrent', function (value, key) {
  let v = []
  value.filter(function(item) {
    if(item['.key'] === key) {
     v = item
    }
  })
  return v
})

[lunardog]

I'm having the same issue. Tried this.$unbind and bind again, but no good.

[lunardog]

The reason was on Vue side of vuefire. Fixed by deleting the reactive property in $bindAsArray, added test.

See PR: 5d5fe2a

[mrcsmcln]

I am having a similar issue. The following code fails to display a JSON representation of foo:

<div id="app">{{ foo | json }}</div>

new Vue({

    el: '#app',

    ready() {
        this.$bindAsArray('foo', db.ref('foo').orderByChild('bar').equalTo('baz');
    }

})

Is this thought to be caused by the same error?

Edit: Here's the prettiest temporary solution I've been able to find:

new Vue({

    el: '#app',

    ready() {
        this.$bindAsArray('_foo', db.ref('foo').orderByChild('bar').equalTo('baz');
        this.foo = this._foo;
    },

    data() {
        return {
            foo: null
        }
    }

});