Я создал глобальную шину событий
Vue.prototype.$eventHub = new Vue()
В «компоненте 2», нажав на кнопку, генерируется событие, затем перемещается в «компонент 1»
this.$eventHub.$emit('deleted')
В другом «компоненте 1» я пытаюсь его использовать
data: function () {
return {
testVariable : true
}
},
beforeMount () {
var self = this
this.$eventHub.$on('deleted', function () {
console.log("executed")
self.testVariable = false
})
}
В разделе шаблонов, который я использовал {{testVariable}}
, всегда отображается true. Почему это не реагирует? что я пропустил?