在Vue开发中，组件通讯是一个常见且重要的需求。当涉及到跨级组件之间的数据传递时，使用event bus（事件总线）是一种简洁有效的方法。

我们要理解什么是event bus。简单来说，它是一个全局的事件中心，所有组件都可以访问它。通过在这个中心发布和监听事件，不同组件之间就能实现数据的传递和交互。

创建一个event bus非常简单。在项目中，我们可以新建一个单独的JavaScript文件，例如eventBus.js。在这个文件里，我们创建一个Vue实例，这个实例就是我们的事件总线。代码如下：

import Vue from 'vue';
export const eventBus = new Vue();

接下来，看看如何在组件中使用它。假设我们有一个父组件ParentComponent，一个子组件ChildComponent，以及一个孙组件GrandChildComponent，现在要实现从孙组件向父组件传递数据。

在孙组件GrandChildComponent中，我们要发布一个事件。首先导入刚才创建的eventBus，然后在需要的地方触发事件并传递数据。比如：

import { eventBus } from '@/eventBus.js';

export default {
  methods: {
    sendDataToParent() {
      const data = '这是从孙组件传递的数据';
      eventBus.$emit('data-from-grand-child', data);
    }
  }
}

在父组件ParentComponent中，我们要监听这个事件。同样先导入eventBus，然后在created钩子函数或者其他合适的地方进行监听：

import { eventBus } from '@/eventBus.js';

export default {
  created() {
    eventBus.$on('data-from-grand-child', (data) => {
      console.log('接收到孙组件的数据:', data);
    });
  }
}

通过这样的方式，我们就实现了跨级组件之间的数据传递。

需要注意的是，虽然event bus使用起来很方便，但在大型项目中，如果滥用它，可能会导致代码难以维护，因为事件的流向不清晰。所以，在项目中要根据实际情况合理使用event bus，确保代码的可维护性和可读性。

Vue中使用event bus实现全局组件通讯是一种简单直接的方式，掌握好它可以有效提高开发效率，让组件之间的交互更加流畅。