$bus的使用

274 阅读1分钟

1.在main.js中在vue的原型上挂载$bus

> Vue.prototype.$bus = new Vue()

2.在父组件中定义两个子组件

在第一个子组件:可以定义一个点击事件来触发,$emit发送数据携带数据,第一个参数事件的名字 第二个参数 data 要携带的数据 没有可以不写

image.png

第二个子组件:$on监听接收数据

image.png