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

2. 直接從 CDN 使用它
   http://www.jsdelivr.com/#!pubsubjs
   https://cdnjs.com/libraries/pubsub-js
   https://unpkg.com/pubsub-js
3. 從 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)
});