事件总线vuejs不会发出事件来将数据传递给组件
事件总线是一种在Vue.js中用于组件间通信的机制。它允许组件之间通过发布和订阅事件的方式进行数据传递。
事件总线的概念：事件总线是一个中央通信机制，用于在Vue.js应用程序中传递数据和触发事件。它允许组件之间解耦，使得它们可以独立地通信，而不需要直接引用或了解彼此。
事件总线的分类：事件总线可以分为两种类型：全局事件总线和组件级事件总线。全局事件总线是在Vue实例上创建的，可以在整个应用程序中使用。组件级事件总线是在组件实例上创建的，只能在该组件及其子组件中使用。
事件总线的优势：
- 解耦性：通过事件总线，组件之间可以独立地通信，不需要直接引用或了解彼此，从而实现解耦。
- 灵活性：事件总线提供了一种灵活的方式来传递数据和触发事件，使得组件之间的通信更加方便和高效。
- 可扩展性：通过事件总线，可以轻松地扩展应用程序，添加新的组件，并与现有组件进行通信。
事件总线的应用场景：事件总线在以下场景中非常有用：
- 父子组件通信：父组件可以通过事件总线向子组件传递数据或触发事件。
- 兄弟组件通信：通过事件总线，兄弟组件之间可以进行通信，共享数据或触发事件。
- 跨级组件通信：通过事件总线，可以在不同层级的组件之间进行通信，实现数据传递和事件触发。
推荐的腾讯云相关产品：腾讯云提供了一系列与云计算相关的产品和服务，以下是一些推荐的产品：
- 云服务器（CVM）：提供可扩展的计算能力，用于部署和运行应用程序。
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务。
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储和管理大规模的非结构化数据。
- 人工智能机器学习平台（AI Lab）：提供丰富的人工智能算法和工具，用于构建和训练机器学习模型。
- 物联网平台（IoT Hub）：提供全面的物联网解决方案，用于连接、管理和控制物联网设备。
腾讯云产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
相关·内容
我第一次使用Vue事件总线将数据从主vue实例传递给子组件。经过一些测试后，我无法获得我的组件中的数据，我认为代码是正确的，但我不确定这一点。代码中有什么错误吗？两个包含主vue实例和组件的js文件，以及一个包含模板的文件。我正在开发一个wordpress主题。有什么帮助吗？ // app.js file
Vue.prototype.
浏览 21提问于2020-04-29得票数 0
回答已采纳
1回答
因此，我正在使用background geolocation plugin和VueJS开发一个Cordova Android应用程序 它会发出名为'location‘的全局事件，我的应用程序会在main.js中侦听该事件 function onDeviceReady () {}
document.addEventListener('deviceready
浏览 16提问于2019-02-18得票数 0
回答已采纳
我使用总线来允许组件通过此链接中描述的方法与其他组件交互：https://forum.vuejs.org/t/create-event-bus-in-webpack-template/4546/2。我有一个在创建的钩子中调用的方法，它使用总线来发出事件。 created () {}, bus.
浏览 302提问于2017-01-27得票数 25
回答已采纳
2回答
我在使用Vue-路由器将数据从一个组件传递到另一个组件时遇到了问题。我在主要组件中有这个模板：<li><router-link to="/weekly/">Weekly</router-link></li>
浏览 2提问于2018-05-11得票数 3
回答已采纳
我正在创建一个小型客户端Vuejs应用程序，并且在将数据分配给变量时遇到了一些问题。在登录组件中，我使用eventBus发出用户数据，在索引组件中，我从mounted: function ()内的事件总线接收数据。我在接收数据方面没有问题，但我想做的是将接收到的数据分配给currentUser变量。currentUser: {
firstname: &#
浏览 4提问于2017-03-01得票数 3
回答已采纳
2回答
我的VueJS 2应用程序包含父组件和子组件。父级将名为items的道具传递给子节点。当用户单击子组件中的按钮时，它会发出如下所示的refresh事件：我想在父组件中侦听这个事件，如果接收到该事件，将触发一个方法，例如alert问题是，我的父组件没有类似于此按钮的东西。
浏览 1提问于2019-09-04得票数 1
回答已采纳
2回答
Web组件设计模式
、、、、
任何人都知道我们在web组件设计中面临的常见设计问题。我从Vuejs/ReactJS和角2开始，但是我面临的最常见的问题是组件之间的通信。我想与其他动态组件交谈，并将一些数据传递给它，希望得到数据作为回报。
就像我有一个重复的项目列表和所有项目一样，我必须打开一个选项选择器菜单(可重用)。当选择一个选项时，我也想得到一个回调。
浏览 4提问于2017-03-13得票数 3
回答已采纳
2回答
在Vuejs中，我有一个父组件(P)和两个子组件(C1和C2)。父对象与两个子组件共享对象。问题是C1负责保存更改(通过对服务器进行ajax调用)。如果用户在C1中直接修改属性，则会触发更改事件，并由事件处理程序进行调用。但是，如果属性是在C2中更新的，则更改事件</em
浏览 1提问于2018-05-20得票数 4
回答已采纳
我似乎还记得，通过在相应子组件的开始<template>标记中指定已发出的事件，可以将事件从父组件发送到子组件。然而，由于某种原因，它不再适用于我的实现。我是在妄想，还是说这可能是VueJS的旧版本中的一个特性，而这个版本被废弃了，可能取代了事件总线体系结构？我目前正在使用Vue v2.6.12。want to call when emitted from $root
浏览 10提问于2020-12-24得票数 0
回答已采纳
2回答
在我的VueJS应用程序中，我有一个Vue实例，用作在组件之间发送数据的事件总线。只是这样：export const EventBus = new Vue();我想要做的是监听通过EventBus发送的任何事件。如果我能够将一个侦听器绑定到所有事件，我就可以使用它来记
浏览 1提问于2017-05-12得票数 7
回答已采纳
1回答
我使用Vue作为网页，然后使用eventBus将数据组件传递给其他组件。在同级组件之间传递带有pattern.eventBus.$emit的数据的是错误的，而在多个组件上传递eventBus的是错误的。此外，我也找不到关于"on“的情况。二号
浏览 2提问于2019-09-17得票数 0
回答已采纳
我是VueJS的新手。我一直在从vuejs文档：中定制一个树视图示例。
我正在处理的代码链接：。对于选择节点，只需单击该节点并尝试选择其他节点。我
浏览 1提问于2018-05-14得票数 1
回答已采纳
2回答
每个<menu-item>都有一个与其关联的单击处理程序，该处理程序发出一个自定义事件(在完整的实现中带有菜单项的ID )。但是应用程序没有看到<menu-item>发出的事件，因为它们没有冒泡。是否有一种方法允许<menu-item>组件(它是<dyn-menu>组件的本地组件)发出事件，并且仍然允许vapp查看和处理事件？
我对Vuejs很陌生，所
浏览 2提问于2017-02-02得票数 23
回答已采纳
1回答
我如何将在Laravel刀片中创建的道具传递给vuejs中的事件总线？这里需要说明的是刀片最初调用vue组件的位置： <home-component :loggedinuser，而不是我现在拥有的视频聊天组件，它将需要道具(我计划从总线调用它们)： <div>
浏览 0提问于2020-07-30得票数 0
4回答
我在VueJS方面相对较新，我不知道如何使某些数据在全球范围内可用。我想保存一些数据，比如API端点、用户数据和从API中检索到的其他数据，每个组件都可以访问这些数据。我知道我可以用普通的Javascript来保存这个文件，但是我想有一种方法可以用VueJS来实现。我可能可以使用事件总线系统来获取数据，但我不知道如何实现这个系统来</em
浏览 4提问于2017-04-03得票数 23
回答已采纳
在比较Microsoft Azure提供的消息服务时，我们可以选择：
现在，我想编写一个由几个组件组成的微服务应用程序。每个组件都应该将本地域事件传递给一个主题(pub/sub)。这可以通过使用服务总线主题、RabbitMQ主题等来实现。除了编写Azure函数之外，我无法确定是否可以用java编写<
浏览 13提问于2022-03-22得票数 0
回答已采纳
3回答
我有三个嵌套组件 <inbetween @event="$emit('event')"> </inbetween>因此，当一个子节点发出事件时，我必须将恼人的部分@event="$emit('e
浏览 0提问于2018-03-30得票数 4
回答已采纳
2回答
我已经开始使用vuejs，并且我已经了解到，为了将数据从子组件返回到父组件，我们使用this.$root.$emit('name-of-event', myobject);另一方面，我得到了一个vuejs项目，用于比较我学到的内容和在其中实现的内容，在那里我发现侦听我的事件的组件不是该组件的父级(触发事件
浏览 7提问于2022-10-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
