有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
2024-05-15 09:01:07 阅读次数:30
有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
上一篇:Linux脚本练习之script073-去掉不需要的单词
下一篇:vim分屏
MVC 模式是一种软件设计模式,它将应用程序分为三个主要组件:模型(Model)、视图(View)、控制器(Controller)。每个组件负责不同的职责,实现了代码的分层和解耦,使得系统更易于维护和扩展。
HarmonyOS 学习笔记-HarmonyOS中的页面导航机制
HarmonyOS第13天学习笔记-HarmonyOS中的数据监听与组件交互部分
如何对 React 函数式组件进行优化
在Spring Boot框架中,有许多常用的注解用来简化开发过程中的依赖注入、组件扫描、配置、安全控制等方面的工作。
Vue.js 的生命周期是指 Vue 实例从创建到销毁的一系列过程,这些过程中会触发一些钩子函数,在这些钩子函数中执行自定义的逻辑
el-dropdown是一个常用的UI组件,用于创建下拉菜单,通常用于实现各种交互式菜单、导航栏或下拉选项
在Vue.js中,$refs是一个特殊的属性,用于在组件内部直接访问子组件或者DOM元素
UML(Unified Modeling Language,统一建模语言)图是一种用于描述软件系统结构和行为的图形化语言
Vue 和 Element Plus 弹框组件详解:从基本实现到异步数据加载与自定义内容(实战)
文章
27958
阅读量
3523469
2024-12-19 08:42:50
2024-12-18 08:28:21
2024-12-11 06:21:45
2024-12-10 07:14:00
2024-12-10 06:59:50
2024-12-10 06:59:29
2023-05-04 09:34:09
2023-05-18 09:33:22
2024-07-01 01:32:37
2023-06-16 06:09:26
2023-06-08 06:21:43
2023-05-06 07:36:51