在 Vue 中,使用事件总线来传递数据和触发事件可以通过创建一个全局事件总线对象来实现。以下是一个简单的示例:
- 创建一个全局事件总线对象:
const eventBus = new Vue();
- 组件中通过
emit
方法触发事件,并传递数据:this.$emit('eventName', data);
- 其他组件通过
on
方法监听事件,并接收数据:
通过这种方式,不同组件之间可以通过事件总线进行通信和数据传递。需要注意的是,事件总线是一种简单的通信方式,适用于一些简单的场景。在复杂的应用中,可能需要考虑使用更高级的状态管理模式,如 Vuex。这样可以更好地管理和共享数据,避免组件之间的紧密耦合😉 你是在学习 Vue 的事件总线吗?有没有遇到什么问题呢?eventBus.$on('eventName', (data) => { // 处理接收到的数据 });