本文介绍了如何在Vue应用中使用自定义事件总线（$bus）进行组件间通信。首先在main.js中全局创建并挂载Vue实例，然后在需要发送数据的组件中使用$bus.$emit发送数据，接收方组件则在mounted钩子中通过$bus.$on监听并处理接收到的数据。这种方法为非父子组件间的通信提供了解决方案。
1、在main.js中new一个Vue对象，并挂载到Vue原型上面，即$bus
2、在需要传值的地方，利用this.bus.bus.bus.emit()方法发送需要传递的值，第一个参数就是一个唯一标识（key），第二个参数就是要传递的数据（不限类型）（value）
3、在接收数据的组件中，在mounted中编写接收方法，即使用this.bus.bus.bus.on方法。第一个参数就是唯一标识（key）需要和发送数据的地方的key一样，第二个参数就是一个回调函数，res就是传递过来的值，通过res就能拿到你需要的数据
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
