手写eventbus，ts

// 为保持和vue2版本中使用bus一致，emit,on,off前面都加了$

class Bus {

    list: { [key: string]: Array<Function> };

    constructor() {

        // 收集订阅信息,调度中心

        this.list = {};

    }

    // 监听

    $on(name: string, fn: Function) {

        this.list[name] = this.list[name] || [];

        this.list[name].push(fn);

    }

    // 发布

    $emit(name: string, data?: any) {

        if (this.list[name]) {

            this.list[name].forEach((fn: Function) => {

            fn(data);

      });

    }

    }

    // 取消订阅

    $off(name: string) {

        if (this.list[name]) {

            delete this.list[name];

        }

    }

}

export default Bus;