如何利用事件总线实现vuejs中两个组件间数据共享

// event-bus.js

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

// Sender.vue

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

export default {
  methods: {
    sendData() {
      EventBus.$emit('data-shared', this.data)
    }
  }
}

// Receiver.vue

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

export default {
  data() {
    return {
      receivedData: ''
    }
  },
  mounted() {
    EventBus.$on('data-shared', (data) => {
      this.receivedData = data
    })
  }
}