美文网首页
ts-bus 简单使用

ts-bus 简单使用

作者: VioletJack | 来源:发表于2020-07-15 23:24 被阅读0次

今天开发中用到了 ts-bus 这个库,用于事件传递挺方便的。
文档地址:https://www.npmjs.com/package/ts-bus

简单的例子

import { EventBus, createEventDefinition } from "ts-bus";
 
// 创建 EventBus 事件
export const someEvent = createEventDefinition<{ url: string }>()("SOME_EVENT");
 
// 创建 bus 实例
const bus = new EventBus();
 
// 订阅 EventBus 事件,没到 publish 就会收到消息。函数返回参数是一个函数,用于取消订阅。
const unsubscribe = bus.subscribe(someEvent, event => {
  alert(event.payload.url);
});
 
// 发布消息,发布的消息会在订阅事件中收到
bus.publish(someEvent({ url: "https://github.com" }));

// 取消订阅
unsubscribe();

其实就很好理解了,全局定义一个 EventBus 实例和一些事件。在需要收消息的地方订阅,在需要发消息的地方发布。最后记得用完了要取消订阅。

另外,它对 React 提供了一些扩展,如 hook 函数这种,具体用法参考文档~

最后

其实还有很多 EventBus 的库,这个会比较轻量一些。

相关文章

  • ts-bus 简单使用

    今天开发中用到了 ts-bus 这个库,用于事件传递挺方便的。文档地址:https://www.npmjs.com...

  • 简单使用

    创建模型 过滤器 我们有一些字段和我们想让用户筛选的基础上 名称、价格或release_date。 我们创建一个 ...

  • gorange

    数组中简单使用 map中简单使用

  • 简单使用使用kaggle

    向我这样的条件不好的可以考虑借助云gpu来加速训练,借助kaggle可以在kaggle服务器上训练数据,kaggl...

  • 零碎的小程序笔记

    目录 template的简单使用WXS的简单使用npm的简单使用倒计时js的实现wx:for的使用一些js方法记录...

  • 命令行的简单使用

    Git命令行的简单使用,仅供自己使用 pod命令行的简单使用

  • 单元测试和OCMock

    OCMock使用一、安装及简单使用:使用Cocoapod引入:pod 'OCMock' 简单使用:新建一个单元测试...

  • Alamofire类似AFNetworking的简单使用和封装

    简单的使用。简单的使用。简单的使用。注定该文弱鸡一个,求拍砖。 一、介绍 Alamofire(Swift)的前身是...

  • Android ViewPager 使用总结

    ViewPager 简单使用 ViewPager + PagerAdapter简单的 View 可以使用这个实现,...

  • vuex简单简单使用记录

    1、Vuex有啥用(非官方解释)举例,组件a b 使用了同一个数据源count,当操作a的时候count++,同时...

网友评论

      本文标题:ts-bus 简单使用

      本文链接:https://www.haomeiwen.com/subject/rvushktx.html