bus.$on中的this指向问题

在Vue中，使用`bus.$on`来监听事件时，函数中的`this`默认指向`bus`，而不是组件实例。因此，如果我们需要在函数中使用组件实例的属性或方法，需要将`this`绑定到组件实例上。

一种解决方法是，在组件的`created`钩子函数中，将`bus.$on`绑定到组件实例上，例如：

created() {
  bus.$on('event', function() {
    this.someMethod(); // 此时的this指向组件实例
  }.bind(this));
}

另一种解决方法是，使用箭头函数来定义事件监听函数，因为箭头函数中的`this`会自动绑定到定义时的作用域，例如：

created() {
  bus.$on('event', () => {
    this.someMethod(); // 此时的this指向组件实例
  });
}

需要注意的是，箭头函数只适用于ES6及以上版本的浏览器，如果需要支持ES5及以下版本的浏览器，建议使用第一种方法。

相关问题

mounted 中用this.$bus.$on

mounted 中使用 this.$bus.$on 是为了在 Vue 组件中订阅事件。this.$bus 是 Vue 实例的一个自定义事件总线，可以用来在组件之间进行通信。

通过 this.$bus.$on(eventName, callback) 方法，可以在组件中订阅指定的 eventName 事件，并在回调函数 callback 中处理事件逻辑。当其他组件通过 this.$bus.$emit(eventName, payload) 触发该事件时，订阅的回调函数将被执行。

这种方式可以实现组件之间的解耦，方便进行跨组件的通信。但需要注意的是，在组件销毁时，应使用 this.$bus.$off(eventName) 取消订阅，以避免内存泄漏。

this.$on this.$off this.$bus

this.$on和this.$off是Vue.js框架中的两个方法，用于添加和移除事件监听器。this.$on用于添加事件监听器，this.$off用于移除事件监听器。this.$bus是Vue.js中的事件总线，可以用于在组件之间传递事件和数据。

具体来说，this.$on方法用于在当前组件中添加一个事件监听器，当事件被触发时，执行相应的回调函数。this.$off方法用于移除之前添加的事件监听器。this.$bus是一个全局事件总线，可以在任何组件中使用，用于在组件之间传递事件和数据。

在引用中的代码片段中，this.$bus.$on用于在事件总线上添加一个名为'categoriesOfData'的事件监听器，当该事件被触发时，执行回调函数中的代码。this.$bus.$off用于在事件总线上移除之前添加的'categoriesOfData'事件监听器。console.log用于在控制台输出'DropDownListcategoriesOfData----------:'和data的值。