一、全局事件总线的适用场景
虽然全局事件总线使用于任意组件之间的通信,但是没有必要处处用它。
数据在哪里,操作数据的方法就在哪里!
二、TodoList案例-全局事件总线
适用于全局总线的场景:Item和App(爷孙关系)
2-1、原本的传值方式
MyList组件没有用,交给了Item组件
逐层传递:
2-2、使用全局事件总线
步骤一:main.js中安装全局事件总线
步骤二:App中要给Item的方法,不要再给MyList传了。
步骤三:用事件总线通信(Item——>App)
收数据的人,绑定事件总线身上的自定义事件,在mounted中绑定!
在组件即将被销毁的时候,解绑!
在传数据的组件那里去触发!
全局事件总线的本质:自定义事件,不过是给$bus绑定的,$bus就是当前的vm。
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » Vue60-TodoList案例-全局事件总线
发表评论 取消回复