当前位置: 首页 > article >正文

微信小程序-事件总线

一.事件总线的概念和作用

事件总线是对发布-订阅模式的一种实现,是一种集中式事件处理机制,允许不同组件之间进行彼此通信,常用于两个非父子组件和兄弟组件之间的通讯。
在日常开发过程中,我们可以使用第三方的发布订阅 JS 包来实现事件总线的功能。
比如 : PubSubJS

二.通过NPM给小程序导入PubSubJS依赖包

1.打开小程序内建终端
右击.eslintrc.js->在内建终端中打开
在这里插入图片描述

2.输入npm install pubsub-js 初始化第三方依赖
在这里插入图片描述
在这里插入图片描述

注意:如果初始化pubsub-js失败的话,需要使用能加载依赖的正确镜像地址。
使用如下加载镜像路径命令:

npm install -g cnpm --registry=https://registry.npmmirror.com

使用完成后,继续加载依赖包即可。

npm install pubsub-js

3.加载成功后,通过工具构建NPM
在这里插入图片描述

三.使用PubSub-JS包

1.导入第三方依赖PubSub

import PubSub from 'pubsub-js'

2.使用方法publish注册事件

      //publish,发射一个自定义的事件
      //自定义事件的名称,需要传递的数据
      PubSub.publish('myevent',this.data.name)

3.使用subscribe订阅事件

      //subscribe订阅事件
      //回调函数有事件名和数据两个参数
      PubSub.subscribe('myevent',(msg,data)=>{
        console.log(msg,data)
        this.setData({
          value:data
        })
      })

http://www.kler.cn/a/386220.html

相关文章:

  • Cellebrite VS IOS18Rebooting
  • Spark RDD中常用聚合算子源码层面的对比分析
  • 为什么海外服务器IP会被封
  • 写给初学者的React Native 全栈开发实战班
  • EXCEL延迟退休公式
  • Vue2:组件
  • BP 神经网络模型:原理、实现与应用
  • GFPS技术原理(二)-模型注册和配置
  • react中的组件传参
  • pythons工具——图像的随机增强变换(只是变换了图像,可用于分类训练数据的增强)
  • Elasticsearch 实战应用详解!
  • Vue3+exceljs+file-saver 实现将表格数据中包含图片导出Excel
  • 算法
  • vite构建的react程序放置图片
  • 怎么样鉴定疾病相关稀有细胞群?二值化精细模型标签,这个刚发的顶刊单细胞算法值得一学!
  • 字符串查询c++
  • ROS学习笔记
  • 排序(用java实现)
  • GIT GUI和 GIT bash区别
  • 交换排序与快速排序
  • PCIE RTT 简单介绍
  • flink 内存配置(四):内存调优和问题处理
  • STM32ZET6-USART使用
  • Linux基础4-进程3(进程优先级,竞争,独立,并行,并发,进程切换)
  • CopyOnWriteArrayList 的应用场景:并发环境中的强大工具
  • 【插件】安装插件 postcss-pxtorem 转换样式单位 px 为 rem