17. 消息的订阅与发布(pubsub) 第三方库

  1. 一种组件间通信的方式,适用于任意组件间通信
  2. 使用步骤

    1. 安装pubsub: npm i pubsub-js
    2. 引入: import pubsub from 'pubsub-js'
    3. 接收数据: A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身

      this.pubId1=pubsub.subscribe("hello", (msgName, data) => {
        console.log("我是APP组件,我收到的数据: ", data);
      })//订阅消息
    4. 提供数据: pubsub.publish('hello',数据)
    5. 最好在beforeDestroy钩子中,用pubsub.unsubscribe(pubId1)取消订阅
最后修改:2023 年 01 月 31 日
如果觉得我的文章对你有用,请随意赞赏