pubsub-js使用方法介绍

什么是PubSubJS?

PubSubJS 是一个用 JavaScript 编写的基于主题的 发布/订阅库。
PubSubJS 有同步解耦,所以主题是异步发布的。这有助于使您的程序保持可预测性,因为在消费者处理主题时,主题的发起者不会被阻止。

主要特点:

  • 无依赖
  • 同步解耦
  • ES3 兼容。PubSubJS 应该能够在任何可以执行 JavaScript 的地方运行。浏览器、服务器、电子书阅读器、旧手机、游戏机。
  • AMD / CommonJS 模块支持
  • 不修改订阅者(jQuery 自定义事件修改订阅者)
  • 易于理解和使用(感谢同步解耦)
  • 小,小于 1kb 压缩和压缩

获取 PubSubJS

有几种方法可以获取 PubSubJS

  1. 通过 npm ( npm install pubsub-js)安装
npm i pubsub-js
  1. 直接从 CDN 使用它
    http://www.jsdelivr.com/#!pubsubjs
    https://cdnjs.com/libraries/pubsub-js
    https://unpkg.com/pubsub-js
  2. 从 GitHub下载标记版本

存储库

github.com/mroderick/PubSubJS

主页

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)
});
posted @   zhangzuying  阅读(5684)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示

目录导航