ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

pubsub-js使用方法介绍

2021-11-18 09:36:06  阅读:260  来源: 互联网

标签:data 介绍 js PubSubJS pubsub com PubSub


什么是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)
});

标签:data,介绍,js,PubSubJS,pubsub,com,PubSub
来源: https://www.cnblogs.com/zhangzuying/p/15570748.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有