消息订阅与发布

2021/12/19 6:20:02

本文主要是介绍消息订阅与发布,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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)去取消订阅



这篇关于消息订阅与发布的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程