六、非父子通信(兄弟通信)----事件总线

例子:作者和订阅者进行通信,每当作者在公众号发布文章,订阅者就能收到推送消息。

作者和订阅者分别作为两个兄弟子组件

六、非父子通信(兄弟通信)----事件总线

实现:(用到refs,函数mounted,$on, $emit)

(1)生命周期函数mounted,在当前组件的dom创建完毕后,就会调用

六、非父子通信(兄弟通信)----事件总线

六、非父子通信(兄弟通信)----事件总线

六、非父子通信(兄弟通信)----事件总线

六、非父子通信(兄弟通信)----事件总线

(2)*事件总线 

var bus = new Vue();   //空的Vue实例,就是*事件总线

(3)整个实现过程

六、非父子通信(兄弟通信)----事件总线

六、非父子通信(兄弟通信)----事件总线

六、非父子通信(兄弟通信)----事件总线

六、非父子通信(兄弟通信)----事件总线

 

 

上一篇:web前端开发:css3实现loading


下一篇:记一次工作中vue中mounted请求接口返回值和vue的data域中属性不一致的后果