1.一种组件之间通信的方式,可以适用于任何组件之间通信
2.使用步骤:
1.安装pubsub: npm i pubsub-js
2.引入: import pubsub from 'pubsub-js'
3.接收数据:A组件想要接收数据,就得现在A组件订阅一个消息,订阅消息的事件留在A组件自身
// A组件
methods:{
demo(msgName,data) {
... ...
}
}
mounted() {
this.pid = pubsub.subscribe('消息名',callBack) //订阅消息
}
// B組件
pubsub.publish('消息名',数据)
推荐:最好在beforeDestroy钩子中,用pubsub.unsubscribe(this.pid)去取消订阅