消息订阅与发布(pubsub)

消息订阅与发布(pubsub)

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

  2. 使用步骤:

    1. 安装pubsub:npm i pubsub-jsyarn add pubsub

    2. 引入:import pubsub from 'pubsub-js'

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

      methods: {
          demo(data) {
              .....
          }
      },
      mounted() {
          this.pid = pubsub.subscribe('xxx', this.demo) // 订阅消息
      }
      
    4. 提供数据:pubsub.publish('xxx', 数据)

    5. 最好在beforeDestroy钩子中,用pubsub.unsubscribe(pid)去 取消订阅。

posted @ 2022-01-22 21:27  HuangBingQuan  阅读(215)  评论(0编辑  收藏  举报