有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
2024-05-15 09:01:07 阅读次数:41
有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
上一篇:Linux脚本练习之script073-去掉不需要的单词
下一篇:vim分屏
装饰模式是一种结构形模式,允许通过将对象放入包含行为的特殊封装对象(装饰器)中来为原来对象(组件)绑定新的行为。
【ETL工具】Kettle 调优 (使用阻塞组件的同时数据量大)
Vue3中如何实现动态菜单递归
golang实战项目log2metrics架构说明
适配器模式(Adapter Pattern)是一种结构型设计模式,它允许不兼容的接口能够一起工作。这种模式通常用于使现有的类与其他类一起工作,而无需修改它们的源代码。在 JavaScript 中,适配器模式可以用来确保不同的类或对象之间能够通过一个统一的接口进行交互。
组合模式(Composite Pattern)在设计中的应用是为了简化对复杂树形结构的管理和操作。这个模式能够让客户端通过一个统一的接口操作单个对象和组合对象。我们可以通过一个具体的例子来进一步理解组合模式在实际应用中的作用和实现。
React之withRouter的作用和应用
prometheus为k8s做的4大适配工作
基于主流SpringBoot进行JavaWeb开发的学习路线
Swing中的组件:面板组件、文本组件、标签组件、按钮组件、下拉框组件。
文章
32777
阅读量
4847021
2025-04-23 08:18:27
2025-04-22 09:28:19
2025-04-18 07:10:30
2025-04-16 09:26:39
2025-04-11 07:11:40
2025-04-09 09:12:41
2024-07-01 01:32:37
2023-05-04 09:34:09
2023-05-18 09:33:22
2023-06-16 06:09:26
2023-06-16 06:06:37
2023-06-08 06:21:43