Vue- переменные внутри шины событий не являются реактивными

Question

Я создал глобальную шину событий

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}}Это всегда показывает истину. Почему это не реагирует? Что я упустил?