作者：汗青fullstack，来自授权地址
以下两种场景，在微信小程序官方并没有提供类似iOS的NSNotificationCenter 或者 Android的广播类似的解决方案。
-
A页面 -> B页面，B页面完成相关逻辑需要通知A页面刷新数据（并传值）
-
通知（广播）已入栈并且注册过通知的页面（并传值）
如果遇到以上的场景，要怎么处理呢？
在github上发现了WxNotificationCenter，下载地址：https://github.com/icindy/WxNotificationCenter WxNotificationCenter借鉴iOS开发中的NSNotificationCenter的消息模式进行开发
简单的说WxNotificationCenter是实现大跨度的通信机制，可以为两个无引用关系的两个对象进行通信，即事件发出者和响应者可以没有任何耦合关系。
让我们看看代码中的使用
-
获取到 WxNotificationCenter 将WxNotificationCenter.js文件加入项目目录下
-
页面中导入
var WxNotificationCenter = require('../../../vendors/WxNotificationCenter.js')
-
A页面的Page生命周期中注册、移除通知，及接收通知后响应的fuction
onLoad: function () {
//注册通知
var that = this
WxNotificationCenter.addNotification('NotificationName', that.didNotification, that)
},
onUnload: function () {
//移除通知
var that = this
WxNotificationCenter.removeNotification('NotificationName', that)
},
//通知处理
didNotification: function () {
//更新数据
this.setData({
})
},
-
B页面处理完逻辑，发送通知
//发送通知（所有注册过'NotificationName'的页面都会接收到通知）
WxNotificationCenter.postNotificationName('NotificationName')
如何传值？
obj 为字符串 或者 对象
-
WxNotificationCenter.postNotificationName('NotificationName',obj)
-
WxNotificationCenter.addNotification('NotificationName', that.didNotification, that)
didNotification: function (obj) {
//拿到值obj
},
自己写了个Demo，感兴趣的可以拉一下https://github.com/hanqingman/WxNotificationCenter-Demo
|
