1、一种组件间通信的方式,适用于任意组件间通信,适用于任意前端框架
2、使用步骤:
(1)、安装pubsub:npm i pubsub-js
(2)、引入:import pubsub from ‘pubsub-js’
(3)、接收数据:A组件想要接收数据,则在A组中订阅消息,订阅的回调留在A组件自身
methods: { demo(data) { } }, mounted() { this.subId = pubsub.subscribe('xxx',this.demo) // 订阅消息 },
4、提供数据:
pubsub.publish('xxx',数据)
5、最好在beforeDestroy钩子中,用pubsub.unsubscribe(subId)去取消订阅
标签:订阅,demo,间通信,发布,组件,接收数据,pubsub From: https://www.cnblogs.com/hyt09/p/17467170.html