周所周知，Vue在2.0版本中去除了说说element组件库broadcast与dispatch - 图1dispatch方法，最近在学习饿了么的Element时重新实现了这两种方法，并以minix的方式引入。

    看一下源代码

    1. function broadcast(componentName, eventName, params) {
    2.   /*遍历当前节点下的所有子组件*/
    3.   this.$children.forEach(child => {
    4.     /*获取子组件名称*/
    5.     var name = child.$options.componentName;
    7.     if (name === componentName) {
    8.       /*如果是我们需要广播到的子组件的时候调用$emit触发所需事件，在子组件中用$on监听*/
    9.       child.$emit.apply(child, [eventName].concat(params));
    10.     } else {
    11.       /*非所需子组件则递归遍历深层次子组件*/
    12.       broadcast.apply(child, [componentName, eventName].concat([params]));
    13.     }
    14.   });
    15. }
    16. export default {
    17.   methods: {
    18.     /*对多级父组件进行事件派发*/
    19.     dispatch(componentName, eventName, params) {
    20.       /*获取父组件，如果以及是根组件，则是$root*/
    21.       var parent = this.$parent || this.$root;
    22.       /*获取父节点的组件名*/
    23.       var name = parent.$options.componentName;
    25.       while (parent && (!name || name !== componentName)) {
    26.         /*当父组件不是所需组件时继续向上寻找*/
    27.         parent = parent.$parent;
    29.         if (parent) {
    30.           name = parent.$options.componentName;
    31.         }
    32.       }
    33.       /*找到所需组件后调用$emit触发当前事件*/
    34.       if (parent) {
    35.         parent.$emit.apply(parent, [eventName].concat(params));
    36.       }
    37.     },
    38.     /*
    39.         向所有子组件进行事件广播。
    40.         这里包了一层，为了修改broadcast的this对象为当前Vue实例
    41.     */
    42.     broadcast(componentName, eventName, params) {
    43.       broadcast.call(this, componentName, eventName, params);
    44.     }
    45.   }
    46. };

    其实这里的broadcast与dispatch实现了一个定向的多层级父子组件间的事件广播及事件派发功能。完成多层级分发对应事件的组件间通信功能。

    broadcast通过递归遍历子组件找到所需组件广播事件，而dispatch则逐级向上查找对应父组件派发事件。

    broadcast需要三个参数，componentName（组件名），eventName（事件名称）以及params（数据）。根据componentName深度遍历子组件找到对应组件emit事件eventName。

    dispatch同样道理，需要三个参数，componentName（组件名），eventName（事件名称）以及params（数据）。根据componentName向上级一直寻找对应父组件，找到以后emit事件eventName。