通过$emit与$on进行兄弟组件之间的数据传输通信

最近入职一家新公司，VUE要从零基础学习。之前在VUE官方文档上面看的一些定义还是比较抽象的，现在有了实际项目，再对照文档看就会更加清晰地理解。今天看代码第二天，找出了一个重点，就是组件之间的通信。

API原文解释：
$on:监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。
$emit:触发当前实例上的事件。附加参数都会传给监听器回调。

先来一个简单的例子来说明：

在使用这两个事件时会出现一点问题，有经验的同学肯定都知道了，那就是$on和$emit的事件必须是在一个公共的实例上，才能触发。解决方案是创建一个空的 Vue 实例对象作为中央事件总线（全局事件桥梁）来中转事件。