Передать ивент из родителя в потомок (Vue.js)

vue.md

Передать ивент из родителя в потомок (Vue.js)

В потомке подписываемся на некое событие через $parent.$on('some-event'). В родителе емитим это событие.

<div id="app">
  <my-component></my-component>
  <button @click="click">Click</button>  
</div>

var Child = {
  template: '<div>{{value}}</div>',
  data: function () {
    return {
      value: 0
    };
  },
  methods: {
    setValue: function(value) {
        this.value = value;
    }
  },
  created: function() {
    this.$parent.$on('update', this.setValue);
  }
}

new Vue({
  el: '#app',
  components: {
    'my-component': Child
  },
  methods: {
    click: function() {
        this.$emit('update', 7);
    }
  }
})

спасибо, работает!

@dalph Лучше передавать в child некий prop и отслеживать его через watch

Помогло, спасибо!

@dalph Лучше передавать в child некий prop и отслеживать его через watch

да, теперь так и делаю.
в целом и в watch отпала необходимость.

Спасибо, работает! Очень помогло.

А

@dalph Лучше передавать в child некий prop и отслеживать его через watch

да, теперь так и делаю.
в целом и в watch отпала необходимость.

Какой способ лучше всего использовать в vue 2 не подскажите?))

А

@dalph Лучше передавать в child некий prop и отслеживать его через watch

да, теперь так и делаю.
в целом и в watch отпала необходимость.

Какой способ лучше всего использовать в vue 2 не подскажите?))

Конечно prop. То что в примере выше - дичь полнейшая