vue源码解读--event(eventBus)

目录导航

本节的示例代码如下

vue源码解读--event(eventBus)_第1张图片

    我们知道new vue会跑一遍我们组件的创建流程,即init-mount-render-update-patch,但是对于我们的let eventBus = new Vue(),由于没有el属性,故实际上只会走完init就结束

    接着就是app的创建,在之前分析中我们知道callHook是对应的声明周期的调用函数,故在app过程中将执行beforeCreate函数调用Vue原型上定义的$on函数,根据上一节分析我们知道这将在vue的实例上挂载_events属性,它保存着回调函数。

    然后是child的创建,同样的它也会调用callHook执行beforeCreate函数调用$emit,这将触发对应函数的调用。即完成一次跨级通信

你可能感兴趣的:(vue源码解读--event(eventBus))