2021-05-09

// 事件派发 监听和回调管理
class Bus {
constructor() {
this.callbacks = {}
}
$on (name, fn) {
this.callbacks[name] = this.callbacks[name] || []
this.callbacks[name].push(fn)
}
$emit (name, args) {
if (this.callbacks[name]) {
this.callbacks[name].forEach(cb => cb(args))
}
}
}

// main.js
Vue.prototype. b u s = n e w B u s ( ) / / c h i l d 1 t h i s . bus = new Bus() // child1 this. bus=newBus()//child1this.bus. o n ( ′ f o o ′ , h a n d l e C l i c k ) / / c h i l d 2 t h i s . on('foo', handleClick) // child2 this. on(foo,handleClick)//child2this.bus.$emit(‘foo’)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值