微信小程序:使用PubSubJS第三方库实现组件之间通信

https://github.com/mroderick/PubSubJS#readme

PubSubJS是一个基于topic的发布/订阅JavaScript库:
在这里插入图片描述

我的微信小程序项目目录结构(注意:结构调整了,源码不在项目根目录下面):
在这里插入图片描述

源码在miniprogram子目录下面(备注:miniprogram_npm 这个子目录是 构建 npm 生成的,我是先把流程跑通了,然后回头来截的图,项目刚开始是没有这个子目录的):
在这里插入图片描述

因为源码不在项目根目录下面,所以project.config.json文件中要配置源码的根目录:
在这里插入图片描述

备注:srcMiniprogramRoot不需要自己手工配置,它是配置了miniprogramRoot这一项保存文件以后自动生成的。

package.json文件在项目根目录下面,不在源码目录下面,所以使用自定义 node_modules 和 miniprogram_npm 位置的构建 npm 方式,因此在project.config.json文件中配置https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html
在这里插入图片描述

执行npm install pubsub-js命令安装PubSubJS,然后构建 npm :
在这里插入图片描述

构建结果:
在这里插入图片描述

备注:发布和接收数据的过程按照PubSubJS官网给出的示例和说明就能跑通。

发布数据
先导入PubSubJS:
在这里插入图片描述

使用PubSub.publish函数发送数据:
在这里插入图片描述

接收数据
先导入PubSubJS:
在这里插入图片描述

使用 PubSub.subscribe 接收数据:
在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值