pubsubjs介绍以及基本使用方法介绍

我不是女神ヾ 2024-04-24 20:59 65阅读 0赞

### 什么是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][http_www.jsdelivr.com_pubsubjs]  
    [https://cdnjs.com/libraries/pubsub-js][https_cdnjs.com_libraries_pubsub-js]  
    [https://unpkg.com/pubsub-js][https_unpkg.com_pubsub-js]
2.  从 GitHub下载标记版本

### 存储库 ###

github.com/mroderick/PubSubJS

### 主页 ###

[https://github.com/mroderick/PubSubJS\#readme][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)
    });

[http_www.jsdelivr.com_pubsubjs]: http://www.jsdelivr.com/#!pubsubjs
[https_cdnjs.com_libraries_pubsub-js]: https://cdnjs.com/libraries/pubsub-js
[https_unpkg.com_pubsub-js]: https://unpkg.com/pubsub-js
[https_github.com_mroderick_PubSubJS_readme]: https://github.com/mroderick/PubSubJS#readme