vue 中的Event Bus 怎么用，详细说明

Event Bus（事件总线）是Vue.js中一种非常强大的通信方式，可以在不同组件之间进行通信。它是一个全局的Vue实例，可以用于组件之间的事件触发和监听。

使用Event Bus的步骤如下：

1. 创建一个全局的Vue实例

import Vue from 'vue'
export const EventBus = new Vue()

2. 在发送事件的组件中，通过Event Bus的$emit方法触发事件

import { EventBus } from './event-bus'
export default {
  methods: {
    handleClick () {
      EventBus.$emit('event-name', data)
    }
  }
}

3. 在接收事件的组件中，通过Event Bus的$on方法监听事件

import { EventBus } from './event-bus'
export default {
  created () {
    EventBus.$on('event-name', data => {
      // 处理事件
    })
  }
}

需要注意的是，在使用Event Bus的过程中，最好给事件名添加命名空间。这样可以避免事件名冲突，同时也能更好地组织代码。

// 发送事件
EventBus.$emit('namespace:event-name', data)

// 监听事件
EventBus.$on('namespace:event-name', data => {
  // 处理事件
})