如何高效进行消息订阅发布,掌握基础知识与实战应用技巧?

2026-05-23 23:360阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1374个文字,预计阅读时间需要6分钟。

如何高效进行消息订阅发布,掌握基础知识与实战应用技巧?

1. 基础知识+类型引用说明:阅读报表。

2.用户作为读者订购报表,邮局派送报表。

3.一种组件间通信方式,适用于span style=color:red>任意组件间通信。

1、基础知识

类别引用说明:订阅报纸。用户作为订阅者订购报纸,邮局派送报纸。

1、一种组件间通信的方式,适用于<span style="color:red">任意组件间通信</span>。

2、使用步骤:

  • 安装pubsub:npm i pubsub-js(安装不成功、使用管理员权限运行)

  • 引入: import pubsub from 'pubsub-js'(订阅和发布都要引入)

  • 3、接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的<span style="color:red">回调留在A组件自身。</span>

    methods(){ demo(data){......} } ...... mounted() { this.pid = pubsub.subscribe('xxx',this.demo) //订阅消息 }

    4、提供数据:pubsub.publish('xxx',数据)(这里的传参传两个、第一个是订阅名、第二个是数据)

    5、最好在beforeDestroy钩子中,用PubSub.unsubscribe(pid)去<span style="color:red">取消订阅。

    阅读全文

    本文共计1374个文字,预计阅读时间需要6分钟。

    如何高效进行消息订阅发布,掌握基础知识与实战应用技巧?

    1. 基础知识+类型引用说明:阅读报表。

    2.用户作为读者订购报表,邮局派送报表。

    3.一种组件间通信方式,适用于span style=color:red>任意组件间通信。

    1、基础知识

    类别引用说明:订阅报纸。用户作为订阅者订购报纸,邮局派送报纸。

    1、一种组件间通信的方式,适用于<span style="color:red">任意组件间通信</span>。

    2、使用步骤:

  • 安装pubsub:npm i pubsub-js(安装不成功、使用管理员权限运行)

  • 引入: import pubsub from 'pubsub-js'(订阅和发布都要引入)

  • 3、接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的<span style="color:red">回调留在A组件自身。</span>

    methods(){ demo(data){......} } ...... mounted() { this.pid = pubsub.subscribe('xxx',this.demo) //订阅消息 }

    4、提供数据:pubsub.publish('xxx',数据)(这里的传参传两个、第一个是订阅名、第二个是数据)

    5、最好在beforeDestroy钩子中,用PubSub.unsubscribe(pid)去<span style="color:red">取消订阅。

    阅读全文