如何高效进行消息订阅发布,掌握基础知识与实战应用技巧?
- 内容介绍
- 文章标签
- 相关推荐
本文共计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">取消订阅。

