VUE:使用EventBus进行跨组件的通讯

最新推荐文章于 2025-07-14 08:22:07 发布

谢阳光Zzz

最新推荐文章于 2025-07-14 08:22:07 发布

阅读量251

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_32654773/article/details/97917349

vue 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了Vue中事件总线(Event Bus)的实现方式，包括如何创建和使用事件总线来实现在不同组件间的事件触发与监听，展示了A.js通过EventBus触发事件，以及B.js如何接收并响应这些事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// event-bus.js
import Vue from 'vue'
export default new Vue()

// A.js 触发事件
import EventBus from '../global/eventBus'
EventBus.$emit('test', 'hhhh')

// B.js 接受事件
import EventBus from '../global/eventBus'
EventBus.$on('test', value => {
   console.log(value)
 })