一.消息订阅与发布:
一种组件间通信的方式,适用于任意组件间通信
- 订阅消息:设置消息名==>接收数据的组件进行订阅消息
- 发布消息:传递消息内容==>传递数组的组件进行发布消息
二.使用步骤
- 安装pubsub:npm i pubsub-js
- 在使用订阅消息与发布消息的组件引入:import pubsub from ‘pubsub-js’
- 接收数据:this.pid = pubsub.subscribe(‘xxx’,this.demo) A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身
- 提供数据:
pubsub.publish('xxx',数据)
- 最好在beforeDestroy钩子中,用
PubSub.unsubscribe(pid)
去取消订阅。
三.案例
订阅消息组件(接受数据的组件)
发布消息组件(传递数据的组件)
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/282771.html