消息订阅与发布

消息订阅与发布(pubsub)

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

    2、使用步骤:

          1、安装pubsub:  npm i pubsub-js

    3、接受数据:A组件想接受数据,则在A组件中订阅消息,订阅的回调留在A组件自身。

    methods(){

      demo(data){....}

      ....

      mounted(){

          this.pubId = pubsub.subscribe('xxx',this.demo) //订阅消息    或者直接在内部写成箭头函数形式

      }

    }

    4、提供数据: pubsub.publish('xxx',数据)

    5、最好在beforeDestrory钩子中,用pubsub.unsubscribe(pubId)去取消订阅



步骤:

哪个组件接受数据 就在哪个组件中订阅消息,订阅的回调留在自身。


发送消息:


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容