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 @ 2021-11-18 09:26  zhangzuying  阅读(5625)  评论(0编辑  收藏  举报