组件间通信: 消息订阅与发布(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');
参数一:订阅的主题,唯一

参数二:要发布传递的数据

 

posted @ 2020-06-23 17:57  孙同学你好  阅读(113)  评论(0编辑  收藏  举报