评论

微信开发小技巧:小程序页面间如何进行通信

FlashEvent 在小程序中 能够简化各页面间的通信,让代码书写变得简单,能有效的解耦事件发送方和接收方,能避免复杂和容易出错的依赖性和生命周期问题。

FlashEvent
FlashEvent 小程序页面间的通信工具 - 类似于EventBus
FlashEvent 在小程序中 能够简化各页面间的通信,让代码书写变得简单,能有效的解耦事件发送方和接收方,能避免复杂和容易出错的依赖性和生命周期问题。

github add: https://github.com/wuyajun7/FlashEvent

使用方式:
前置:将FlashEvent.js导入到项目的utils文件中

1、接收方js代码中
1.1 引入该类,如:let flashEvent = require(‘你的路径/utils/FlashEvent.js’);

1.2 注册FlashEvent,如:在onLoad中

 flashEvent.register(flashEvent.EVENT_KEYS.FIRST_EVENT, this, function (data) {

    this.setData({ eventCallBack: data })

 })

1.3 注销FlashEvent,如:在onUnload中调用 flashEvent.unregister(flashEvent.EVENT_KEYS.FIRST_EVENT, this);

2、发送方js代码中
2.1 引入该类,如:let flashEvent = require(‘你的路径/utils/FlashEvent.js’);

2.2 发送事件,如:flashEvent.post(flashEvent.EVENT_KEYS.FIRST_EVENT, ‘发送的数据’);

flashEvent 简单接入、方便使用

最后一次编辑于  03-28  
点赞 1
收藏
评论

4 个评论

  • 陈式坚
    陈式坚
    03-28

    https://github.com/developit/mitt有什么区别


    都属于事件通信

    03-28
    赞同 2
    回复
  • A汉客先生
    A汉客先生
    05-05

    数据发送,接收不到数据

    05-05
    赞同
    回复
  • AN
    AN
    04-01

    westore了解一下

    04-01
    赞同
    回复
  • 云泣
    云泣
    03-29

    为什么不直接用Vuex


    03-29
    赞同
    回复