17. 消息的订阅与发布(pubsub) 第三方库
- 一种组件间通信的方式,适用于
任意组件间通信
使用步骤
- 安装pubsub:
npm i pubsub-js
- 引入:
import pubsub from 'pubsub-js'
接收数据: A组件想接收数据,则在A组件中订阅消息,订阅的
回调留在A组件自身
this.pubId1=pubsub.subscribe("hello", (msgName, data) => { console.log("我是APP组件,我收到的数据: ", data); })//订阅消息
- 提供数据:
pubsub.publish('hello',数据)
- 最好在beforeDestroy钩子中,用
pubsub.unsubscribe(pubId1)
去取消订阅
- 安装pubsub: