vue使用eventBus进行兄弟组件的通信

1)将eventbus在main.js中定义

let EventBus = new Vue();
Object.defineProperties(Vue.prototype,{
	$bus:()=>EventBus
})

在这里插入图片描述
2) 在组件中使用 A组件向B组件传值

A组件
destroyed(){
	this.$bus.$emit('catalog',{message:'你好!'})
}

在这里插入图片描述

B组件接受参数
created(){
	this.$bus.$on('catalog',data=>{})
}

在这里插入图片描述
参数值:
在这里插入图片描述

发布了47 篇原创文章 · 获赞 6 · 访问量 3万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览