vue中事件总线的使用方法

 时间:2024-10-24 20:33:06

1、在vue中,父组件使用prop向子组件传值;子组件使用emit向父组件传值;而非父子组件传值则需要使用bus,也就是事件总线。

2、事件总线的使用方法是:在需要向外传值的组件中,使用this.$bus.$emit(事件名称,参数)向外传值。

vue中事件总线的使用方法

3、在接收值的组件中,使用this.$bus.$on(事件名称,(参数)=>{})接收这个值。

vue中事件总线的使用方法

4、但是,需要注意的是,这样直接使用bus中是没有值的,因为bus没有定义。需要在main.js中在vue的原型链上挂载bus方法。只有挂载之后,bus才能正常使用。

vue中事件总线的使用方法
  • MERCURY路由器设置远程登录方法介绍
  • 如何设置路由器日志自动刷新?
  • 如何用KMSAuto Net激活office2016
  • 魔兽争霸3魔兽攻防算法
  • 英魂之刃如何进行网络诊断
  • 热门搜索
    绿色家园手抄报内容 感恩手抄报内容大全 关于动物的手抄报 重阳节手抄报简单字少 心理健康手抄报资料 安全手抄报版面设计 尊师重教手抄报 欢庆元旦手抄报 六一儿童节手抄报图片 教师节手抄报图片