Vue非父子组件传值之事件总线(eventbus)的使用方式

peng_tianyu

发布于 2022-12-15 17:29:21

3670

发布于 2022-12-15 17:29:21

文章被收录于专栏：前端开发随记

在入口函数main.js中挂载一个对象到Vue原型上

Vue.prototype.bus = new Vue()

//在组件A中监听事件
this.$bus.$on('updata', (data) => {
	console.log(data)
})

//在组件B中发射事件
this.$bus.$emit('updata', data)

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-11-30，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度