Vue60-TodoList案例-全局事件总线

一、全局事件总线的适用场景

虽然全局事件总线使用于任意组件之间的通信，但是没有必要处处用它。

数据在哪里，操作数据的方法就在哪里！

二、TodoList案例-全局事件总线

适用于全局总线的场景：Item和App（爷孙关系）

2-1、原本的传值方式

MyList组件没有用，交给了Item组件

逐层传递：

2-2、使用全局事件总线

步骤一：main.js中安装全局事件总线

 

步骤二：App中要给Item的方法，不要再给MyList传了。

步骤三：用事件总线通信（Item——>App）

收数据的人，绑定事件总线身上的自定义事件，在mounted中绑定！

在组件即将被销毁的时候，解绑！

在传数据的组件那里去触发！

全局事件总线的本质：自定义事件，不过是给$bus绑定的，$bus就是当前的vm。