如何监听vue js中“root”发出的事件？

// event-bus.js
import Vue from 'vue';
export const EventBus = new Vue();

// SenderComponent.vue
import { EventBus } from './event-bus.js';

export default {
  methods: {
    sendData() {
      EventBus.$emit('root-event', data);
    }
  }
}

// ReceiverComponent.vue
import { EventBus } from './event-bus.js';

export default {
  created() {
    EventBus.$on('root-event', this.handleEvent);
  },
  beforeDestroy() {
    EventBus.$off('root-event', this.handleEvent);
  },
  methods: {
    handleEvent(data) {
      // 处理事件
    }
  }
}