news 2026/9/2 10:58:15

slot插槽

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
slot插槽

插槽是Vue中一种父子组件的通信方式,核心用于父组件向子组件传递模板内容。封装子组件时,会把不确定、需要父组件自定义的部分,用slot标签预留空位;父组件使用子组件时,就能在这个空位中填充任意内容,以此实现组件的灵活复用。
插槽主要分三类:

1. 默认插槽:子组件只预留一个空位,父组件直接在子组件标签内写内容即可;

2. 具名插槽:子组件可预留多个空位,通过name属性给插槽命名,父组件用v-slot指定内容要插入的对应插槽位置;

3. 作用域插槽:子组件把内部数据暴露给父组件,父组件能基于这些子组件的数据,自定义插槽的展示内容。

默认插槽

父组件

子组件

具名插槽

子组件

父组件

作用域插槽

默认作用域插槽

默认作用域插槽父组件接收数据,父组件v-solt跟的是default

子组件可以绑定自己的数据,给父组件

父组件

这个可以让父组件接收到子组件数据做出一些逻辑处理然后,在通知子组件更新自己传来的数据,这样的话显示在插槽的内容就是父组件根据子组件的数据做出的自定义内容

具名作用域插槽

父组件

子组件

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/3 1:51:31

微调耗时多久?Qwen2.5-7B单卡训练时间实录

微调耗时多久?Qwen2.5-7B单卡训练时间实录 你是不是也问过这个问题:微调一个7B大模型,到底要等多久?不是云上集群,不是多卡并行,就一张RTX 4090D——显存24GB,桌面级配置,能跑起来吗…

作者头像 李华
网站建设 2026/9/2 23:11:34

快速理解LTspice子电路调用的关键步骤

以下是对您提供的博文内容进行 深度润色与结构重构后的技术文章 。整体风格已全面转向 资深工程师第一人称实战分享口吻 ,摒弃模板化标题、刻板逻辑链和AI腔调,代之以真实项目中踩坑—思考—验证—沉淀的自然叙述节奏。全文强化了“为什么这么设计”…

作者头像 李华
网站建设 2026/9/2 23:13:26

智能制造中树莓派系统更新失败的核心要点

以下是对您提供的博文内容进行 深度润色与专业重构后的版本 。本次优化严格遵循您的全部要求: ✅ 彻底去除AI痕迹,语言自然、有“人味”,像一位在产线摸爬滚打多年的技术老兵在分享实战心得; ✅ 所有模块(原理、诊…

作者头像 李华
网站建设 2026/9/3 1:49:20

利用ESP32引脚实现窗帘自动控制:项目应用详解

以下是对您提供的博文内容进行 深度润色与结构优化后的技术文章 。我以一位深耕嵌入式系统多年的工程师兼教学博主身份,重新组织逻辑、删减冗余术语堆砌、强化工程细节、注入真实开发经验,并彻底去除AI生成痕迹——全文读起来像是一位在实验室调试完窗…

作者头像 李华
网站建设 2026/9/3 0:57:32

告别Whisper高延迟!SenseVoiceSmall多语言识别极速体验

告别Whisper高延迟!SenseVoiceSmall多语言识别极速体验 还在用Whisper听一段10秒音频要等3秒?会议录音转文字卡在加载动画里反复刷新?粤语客服电话刚挂断,转写结果还没出来?不是模型不够聪明,而是架构拖了…

作者头像 李华
网站建设 2026/9/3 0:00:32

5分钟上手fft npainting lama:零基础实现图片重绘修复

5分钟上手fft npainting lama:零基础实现图片重绘修复 1. 这不是另一个“AI修图工具”,而是你马上能用上的图像修复方案 你有没有遇到过这些情况: 一张珍贵的老照片,角落有明显划痕和霉斑,想修复却不会PS电商主图里…

作者头像 李华