小编给大家分享一下Vue组件中事件总线和消息发布订阅的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！主要介绍事件总线的定义和编写方法和Vue是如何实现消息的订阅与发布的。事件总线是组件间通信的一种方式，适用于任意组件间的通信，比如毫不相干的两个组件、父子组件间、后代组件等等，都能通信。事件总线有两个特性：是一个vue组件实例或者一个vue实例，充当一个消息中转站，如果A、B组件想要通信，那么A组件存消息到中转站，B消息拿，或者反过来。所有组件都要能获取到事件总线。如果A、B组件间通信，如果A发送数据给B的情况下，需要以下步骤：大前提是，需要创建一个事件总线，通常使用vm实例本身作为事件总线，并把他在一定的时机保存在Vue构造函数的原型对象中，因为组件实例的原型对象的原型对象=vue实例的原型对象，所以这样所有的组件实例都是获取到事件总线。1.B（接收方）需要往事件总线总绑定一个自定义事件，并设置事件回调。2.A（发送方）想要发送数据时，只需触发B在事件总线绑定的自定义事件，并把数据传过去即可。main.js：App.vue：B.vue：A.vue：效果：通常最好需要在组件销毁时解绑自定义事件：订阅与发布的定义：1.是一种组件间通信的一种方式。类似有一个消息中心，组件A往该消息中心中订阅了某消息，然后一旦消息组件B往该消息中发布该消息，组件A会立马收到该消息，并执行相应回调。通常使用第三方的消息订阅发布库，这里推荐pubsub-js。免费云主机域名第一步：安装该依赖：npm i pubsub-js第二步：在消息接收方进行订阅消息。第三步：在消息发送方进行消息的发布。还是用上面的A、B组件作为例子，A组件时发送方，B组件时接收方。第二步：在B组件定义消息：第三步：在A组件发布消息：效果：通常需要在组件销毁时进行消息的取消订阅。以上是“Vue组件中事件总线和消息发布订阅的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注百云主机行业资讯频道！
本文小编为大家详细介绍“javascript的关键字有什么作用”，内容详细，步骤清晰，细节处理妥当，希望这篇“javascript的关键字有什么作用”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。 在JavaScript中，关键字是指…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
