LOADING...

加载过慢请开启缓存(浏览器默认开启)

loading

消息订阅与发布

2022/6/8 vue

消息订阅与发布(pubsub)

1.这是一种组件间通信的方式,适用于任意组件间通信

2.使用步骤:

  • 安装pubsub: npm i pubsub-js

  • 引入:import pubsub from ‘pubsub-js’

  • 接收数据:A组件想要接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身

    methods(){
        demo(msgname,data){}//传递两个参数,第一个是订阅消息的名字,第二个才是传递的数据
    }
    mounted(){
        this.pid=pubsub.subscribe('xxx',this.demo)//订阅消息
        或  this.pid=pubsub.subscribe('xxx',()=>{})
    }
    

    提供数据:pubsub.publish(‘xxx’,数据)

    最好在beforeDestory钩子中,用pubsub.unsubscribe(this.pid)去取消订阅

img_show