有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
2024-05-15 09:01:07 阅读次数:40
有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
上一篇:Linux脚本练习之script073-去掉不需要的单词
下一篇:vim分屏
基于主流SpringBoot进行JavaWeb开发的学习路线
Swing中的组件:面板组件、文本组件、标签组件、按钮组件、下拉框组件。
在当今快速发展的数字化时代,企业面临着不断增长的应用需求以及对高效开发的迫切需求。低代码技术作为推动数字化转型的强大引擎,正在为企业带来全新的开发模式和效率。
JavaFX之Scene Builder详细使用说明之组件篇(5)——其他组件
前面两篇学习的是使用props实现数据父传子,以及使用$emit实现父组件响应响应子组件。
之前使用的组件间通信使用的都是基于Vue的一些属性,方法等。本篇基于原生JS的订阅发布来实现跨组件通信。
Vue学习笔记:$panrent $root
vue upload 上传文件之删除文件
深入理解前端路由
Vue 专属状态管理库Pinia的使用与实践
文章
32268
阅读量
4682631
2025-04-11 07:11:40
2025-04-09 09:12:41
2025-04-09 09:12:41
2025-04-09 09:11:38
2025-04-01 09:21:49
2025-03-31 08:57:48
2024-07-01 01:32:37
2023-05-04 09:34:09
2023-05-18 09:33:22
2023-06-16 06:06:37
2023-06-16 06:09:26
2023-06-08 06:21:43