如何遍历 vue 中的bus

在 Vue 中，事件总线通常是通过一个空的 Vue 实例作为事件总线来实现的，我们可以在这个空的 Vue 实例上注册事件监听器，然后在需要发送事件的组件中通过 `$emit` 方法触发事件，从而实现组件之间的通信。

如果需要遍历这个空的 Vue 实例中注册的事件监听器，可以使用 `$listeners` 属性。`$listeners` 属性是一个对象，包含了该组件监听的所有事件及其回调函数，可以通过遍历 `$listeners` 属性来获取所有的事件监听器。

下面是一个示例代码：

<template>
  <div>
    <p>这是父组件</p>
    <ChildComponent />
    <button @click="listListeners">遍历事件监听器</button>
  </div>
</template>

<script>
import Vue from 'vue'
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  methods: {
    listListeners() {
      console.log(Vue.prototype.$listeners)
    }
  }
}
</script>

在上面的代码中，我们在父组件中引入了一个名为 `ChildComponent` 的子组件，并在父组件中注册了一个按钮，当点击按钮时，会调用 `listListeners` 方法来遍历事件监听器。在 `listListeners` 方法中，我们通过 `Vue.prototype.$listeners` 来获取所有的事件监听器。在控制台中输出 `$listeners` 属性，可以看到该对象中包含了所有的事件及其回调函数。