常用方法
pubsub-js通过发布订阅模式实现事件总线的功能,实现跨组件通信。官方文档
npm install pubsub-js通过npm下载pubsub-js包并进行构建npm。- 使用时需要导入
import PubSub from 'pubsub-js'。
PubSub.publish(自定义事件变量名,传递的数据):发射事件。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);
})
}
}
})