三十三、消息订阅与发布(pubsub)

郁子小于 1 分钟约 204 字笔记Vue2尚硅谷张天禹

(一)理解

报纸订阅与发布消息订阅与发布
订阅报纸:住址订阅消息:消息名(手机号)
邮递员送报纸:报纸发布消息:消息内容

(二)定义

  • 一种组件间通信的方式
  • 适用于 任意组件间通信

(三)使用步骤

1.安装 pubsub

npm i pubsub-js

2.引入

import pubsub from "pubsub-js";

3.接收数据

  • A 组件想接收数据,则在 A 组件中订阅消息
  • 订阅的 回调留在 A 组件自身
methods() {
  demo(data){...}
},
// ...
mounted(){
  this.pid = pubsub.subscribe("xxx", this.demo); //订阅消息
}

4.提供数据

pubsub.publish("xxx", 数据);

5.备注

  • 最好在 beforeDestroy 钩子中,用 Pubsub.unsubscribe(pid)取消订阅
上次编辑于: