通过调用本地方法响应Vue.js事件总线时丢失上下文

是指在Vue.js中使用事件总线机制时，当在本地方法中调用事件总线的方法时，会丢失该方法所在的上下文（即this指向的对象）。这是由于JavaScript中函数的执行上下文与调用方式有关，而在Vue.js中，事件总线的方法是以全局函数的形式存在的，因此在本地方法中调用时会丢失上下文。

为了解决这个问题，可以使用箭头函数或bind方法来绑定正确的上下文。具体做法如下：

使用箭头函数：箭头函数不会创建自己的执行上下文，而是继承外部函数的上下文。因此，在本地方法中使用箭头函数可以保持正确的上下文。示例代码如下：

// 在Vue组件中定义事件总线
created() {
  this.$bus = new Vue();
},

// 在本地方法中使用箭头函数
methods: {
  handleClick() {
    this.$bus.$on('event', () => {
      // 在这里的this指向Vue组件实例
      // 执行相应的操作
    });
  }
}

使用bind方法：bind方法可以创建一个新的函数，并将指定的上下文绑定给该函数。在本地方法中使用bind方法可以将正确的上下文绑定给事件总线的方法。示例代码如下：

// 在Vue组件中定义事件总线
created() {
  this.$bus = new Vue();
},

// 在本地方法中使用bind方法
methods: {
  handleClick() {
    this.$bus.$on('event', function() {
      // 在这里的this指向绑定的上下文
      // 执行相应的操作
    }.bind(this));
  }
}

以上是解决通过调用本地方法响应Vue.js事件总线时丢失上下文的两种常用方法。根据具体情况选择适合的方法来保持正确的上下文。