事件总线内的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}}，它始终显示为true。为什么它没有反应性？我想念什么？