this.$emit和bus.$emit的区别

this.$emit 和 bus.emit 都用于触发事件，但它们有不同的使用场景和工作方式：

this.$emit：

• • this.$emit 是Vue.js组件内部使用的方法，用于触发自定义事件。
  • 它通常在组件内的方法中使用，用于触发组件内部的自定义事件，以便通知其他组件或父组件。
  • 这是一种适用于局部通信的方式，适合在组件层级内部进行事件传递。
  • 例如，你可以在子组件中使用 this.$emit 来触发自定义事件，然后在父组件中监听这些事件。

bus.$emit:

• • bus.emit 通常指的是使用一个事件总线（Event Bus）来触发和监听事件。
  • 事件总线是一个全局的事件系统，允许不同组件之间进行事件通信。
  • 它不限于单个组件，而是可以被多个组件共享，因此适用于多个组件之间的通信，包括兄弟组件和非父子组件之间的通信。
  • 使用事件总线需要在Vue实例之外创建一个全局的事件总线对象，然后通过这个对象来触发和监听事件。

例子：

// 创建事件总线
const bus = new Vue();

// 在组件A中触发事件
bus.$emit('custom-event', data);

// 在组件B中监听事件
bus.$on('custom-event', (data) => {
  // 处理事件
});

总之，this.$emit 是Vue组件内部使用的机制，而事件总线（bus.emit）允许在不同组件之间进行全局事件通信。根据具体的情况和需求选择适当的方式来触发和监听事件。