vue:通过bus(事件总线)任意组件之间通信

实现任意组件之间通信

事件总线怎么说呢

就是将大家的方法放到bus上,传数据的组件调用bus上的方法,然后带上要传的数据(有限像参数),然后接收方就可以拿到数据了。

看了例子

1.定义数据总线

vue:通过bus(事件总线)任意组件之间通信_javascript


2.在app.vue中,有两个方法,需要用到孙子组件的值

vue:通过bus(事件总线)任意组件之间通信_数据_02

vue:通过bus(事件总线)任意组件之间通信_前端_03

3.孙子组件

vue:通过bus(事件总线)任意组件之间通信_数据_04


绑定总线上的方法,并且带上孙子组件上的数据。(例子中用的id)

vue:通过bus(事件总线)任意组件之间通信_vue.js_05