有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
2024-05-15 09:01:07 阅读次数:36
有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.
上一篇:Linux脚本练习之script073-去掉不需要的单词
下一篇:vim分屏
Vue 项目性能优化
在实际开发中,我们经常需要从父组件向子组件传递数据,一般情况下,我们使用 props。但有时候会遇到深度嵌套的组件,而深层的子组件只需要父组件的部分内容。
Vue3 组件通信
vue中的key属性的作用包括唯一标识、优化DOM更新、提升性能等。虽然索引(index)可以被用作key,但这种做法通常不推荐,因为其可能导致状态不稳定、列表重新排序时引发错误、对可访问性的影响等问题。
你可以把插槽想象成是预留给父组件填充内容的占位符。这样一来,父组件就可以根据需要插入 HTML 结构或者其他组件了。
在 Vue 3 中,getCurrentInstance 是一个用于获取当前组件实例的重要函数。
在 Vue 3 中,defineExpose 是一个用于在 <script setup> 语法糖中暴露组件内部的属性或方法给父组件的函数。通过使用 defineExpose,你可以控制哪些属性和方法可以被外部访问,从而增强组件的封装性和安全性。
Element Plus 是一个基于 Vue 3 的 UI 组件库,提供了许多常用的 UI 组件。其中,Upload 组件用于文件上传功能。如果你想实现自定义上传逻辑,可以通过 before-upload 和 http-request 属性来实现。
在 Ant Design Vue 中,a-input-number 组件可以通过设置 min 和 max 属性来限制输入的最小值和最大值。
uniapp H5页面实现懒加载
文章
29774
阅读量
4141246
2025-02-19 10:05:11
2025-02-19 10:05:11
2025-02-19 09:04:57
2025-02-19 09:04:38
2025-02-13 08:41:02
2025-02-11 09:37:33
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