兄弟组件传参_bus封装
vue3 Bus兄弟组件传参
type BusClass = {
emit: (name: string) => void
on: (name: string, callBack: Function) => void
}
type ParamsKey = string | number | symbol
type List = {
[key: ParamsKey]: Array<Function>
}
class Bus implements BusClass {
#list: List
constructor() {
this.#list = {}
}
emit(name: string, ...args: Array<any>) {
const eventName: Array<Function> = this.#list[name]
eventName.forEach(fn => {
fn.apply(this, args)
})
}
on(name: string, callBack: Function) {
const fn = this.#list[name] || []
fn.push(callBack)
this.#list[name] = fn
}
}
export default new Bus()
Mitt库
https://www.bilibili.com/read/cv16107098/
原文地址:http://www.cnblogs.com/JunLan/p/16852341.html
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。