有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
2024-05-15 09:01:07 阅读次数:39
有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
上一篇:Linux脚本练习之script073-去掉不需要的单词
下一篇:vim分屏
Vue2.X和Vue3的区别
Android 架构设计(四):组件化
StreamTask数据流:StreamTask能力概述、Flink处理网络数据逻辑
vue3获取、设置元素高度
vue-入门介绍
自定义Springboot-start组件[跟着步骤可完成]
Vue.js 前端路由详解:从基础概念到 Vue Router 实战
React-Hooks这一篇就够了
Vue 3 + 天地图 + D3.js 绘制行政区划
vue-router路由
文章
31319
阅读量
4478029
2025-03-21 08:23:19
2025-03-04 09:31:43
2025-02-27 09:35:36
2025-02-26 07:23:02
2025-02-26 07:22:11
2025-02-26 07:20:49
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