组件间通信: 消息订阅与发布(pubsub-js库)
用此种方式需要用到一个工具库: PubSubJS
npm install pubsub-js --save
这种方法传递数据非常简单,只需三步
1.在组件中引入
import Pubsub from 'pubsub-js'
2.订阅
mounted() {
/**
* 订阅
*/
// 绑定一个事件名为haha的自定义事件
Pubsub.subscribe('haha', (msg, data) => {
console.log(msg) // 这里将会输出对应设置的 pubsubID ,也就是例子中的‘haha’
console.log(data) // 这里将会输出对应设置的参数
})
}
3.发布
Pubsub.publish('haha','111');
参数一:订阅的主题,唯一
参数二:要发布传递的数据