pubsub-js使用方法介绍

2022年01月15日 阅读数:6
这篇文章主要向大家介绍pubsub-js使用方法介绍,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

什么是PubSubJS?

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

主要特色:

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

获取 PubSubJS

有几种方法能够获取 PubSubJSgithub

  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/PubSubJSnpm

主页

https://github.com/mroderick/PubSubJS#readme浏览器

使用方法举例

首先安装插件服务器

npm i pubsub-js

main.js中全局导入pubsub-js异步

import PubSub from 'pubsub-js'
Vue.use(PubSub)

基本使用方法(不一样组件之间的传值)ui

传值:
const PubSub = require('pubsub-js')
PubSub.publish('data', 'data')
接值:
const PubSub = require('pubsub-js');  
PubSub.subscribe('data',(msg,data)=>{
  console.log(data)
});

上一篇: fiddler配置