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)
});