bus总线程传值

这篇博客介绍了Vue中如何实现跨组件通信,特别是面对复杂页面结构时的解决方案。文章详细讲解了如何利用$bus进行事件总线通信,包括创建全局bus、触发事件和监听事件的步骤,帮助开发者解决多级组件间的数据传递问题。
摘要由CSDN通过智能技术生成

原生的vue传值父子传值,伪兄弟传值(通过父元素)

为了解决页面较复杂的情况下跨多级传值,vue推出了第二种传值方式bus(跨组件传值)

使用:

(1)创建全局bus用来跨级传值

        Vue.prototype.$bus =new Vue();

(2)发出通知

        this.$bus.$emit("事件名");

(3)在被通知的组件监听自定义事件

        this.$bus.$on("事件名",()=>{

        })

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

stay calm~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值