pubsub-js使用方法介绍
什么是PubSubJS?
PubSubJS 是一个用 JavaScript 编写的基于主题的 发布/订阅库。
PubSubJS 有同步解耦,所以主题是异步发布的。这有助于使您的程序保持可预测性,因为在消费者处理主题时,主题的发起者不会被阻止。
主要特点:
- 无依赖
- 同步解耦
- ES3 兼容。PubSubJS 应该能够在任何可以执行 JavaScript 的地方运行。浏览器、服务器、电子书阅读器、旧手机、游戏机。
- AMD / CommonJS 模块支持
- 不修改订阅者(jQuery 自定义事件修改订阅者)
- 易于理解和使用(感谢同步解耦)
- 小,小于 1kb 压缩和压缩
获取 PubSubJS
有几种方法可以获取 PubSubJS
- 通过 npm ( npm install pubsub-js)安装
npm i pubsub-js
- 直接从 CDN 使用它
http://www.jsdelivr.com/#!pubsubjs
https://cdnjs.com/libraries/pubsub-js
https://unpkg.com/pubsub-js - 从 GitHub下载标记版本
存储库
主页
https://github.com/mroderick/PubSubJS#readme
使用方法举例
首先安装插件
npm i pubsub-js
main.js中全局导入pubsub-js
import PubSub from 'pubsub-js' Vue.use(PubSub)
基本使用方法(不同组件之间的传值)
传值: const PubSub = require('pubsub-js') PubSub.publish('data', 'data') 接值: const PubSub = require('pubsub-js'); PubSub.subscribe('data',(msg,data)=>{ console.log(data) });
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」