微信小程序中组件传参(四):pubsub-js事件总线 跨组件通信

260 阅读1分钟

常用方法

pubsub-js通过发布订阅模式实现事件总线的功能,实现跨组件通信。官方文档

  • npm install pubsub-js通过npm下载pubsub-js包并进行构建npm。
  • 使用时需要导入import PubSub from 'pubsub-js'
  1. PubSub.publish(自定义事件变量名,传递的数据):发射事件。
  2. PubSub.subscribe(自定义事件变量名,回调函数(name,data)):订阅监听自定义事件。回调函数中name指自定义数据的名称,data表示传递过来的数据。

示例

import PubSub from 'pubsub-js'
Page({
  onClickPubSubJs() {
    PubSub.publish('myPubSubEvent', 'tzof')
  },
})
import PubSub from 'pubsub-js'
Component({
  lifetimes: {
    attached(){
      PubSub.subscribe('myPubSubEvent', (msg, data) => {
        console.log(msg, data);
      })
    }
  }
})