在Vue2中，组件通信是实现复杂应用的关键技术。在这个示例中，主要演示了如何通过自定义事件机制实现单一事件管理的组件通信。这种方式利用Vue的非父子组件通信手段，即Event Bus（事件总线）。
创建一个全局的Vue实例，作为事件的中介者：
```javascript
var Event = new Vue();
```
这个`Event`实例就像一个中央事件仓库，允许任何组件向其发布事件（`$emit`），同时其他组件可以订阅这些事件（`$on`）。
接下来，我们有三个组件：A、B和C。组件A和B都有一个按钮，当点击按钮时，它们会将自身的数据传递给组件C。组件C则负责接收并显示这两个组件的数据。
组件A的代码片段：
```javascript
// 组件A
methods: {
send () {
Event.$emit("a-msg", this.a);
}
},
data () {
return {
a: "我是a组件中数据"
}
}
```
当组件A的按钮被点击时，它会触发`a-msg`事件并将自身的`a`数据作为参数传递。
同样，组件B也有类似的行为，只是触发的是`b-msg`事件：
```javascript
// 组件B
methods: {
send () {
Event.$emit("b-msg", this.a);
}
},
data () {
return {
a: "我是b组件中数据"
}
}
```
组件C在`mounted`生命周期钩子中订阅了`a-msg`和`b-msg`事件，并更新自身的数据：
```javascript
// 组件C
mounted () {
Event.$on("a-msg", function (a) {
this.a = a;
}.bind(this));
Event.$on("b-msg", function (a) {
this.b = a;
}.bind(this));
},
data () {
return {
a: "",
b: ""
}
}
```
当`a-msg`事件被触发时，组件C会更新它的`a`属性；`b-msg`事件触发时，更新`b`属性。这样，组件C就能接收到组件A和B的数据。
这种组件间通信的方式适用于非父子组件间的通信，或者多个组件需要共享同一数据源的情况。然而，如果组件层次结构复杂，使用大量的Event Bus可能会导致代码难以管理和维护。在大型项目中，通常推荐使用Vuex来集中管理状态和事件，以保持应用的可维护性。但这个简单的示例展示了如何利用Vue2的`$emit`和`$on`方法进行基础的事件通信。
