news 2026/4/23 23:02:26

slot插槽

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
slot插槽

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

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

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

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

默认插槽

父组件

子组件

具名插槽

子组件

父组件

作用域插槽

默认作用域插槽

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

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

父组件

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

具名作用域插槽

父组件

子组件

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

图解说明AC-DC电源电路图工作原理与布局

以下是对您提供的博文内容进行 深度润色与结构重构后的技术文章 。整体风格已全面转向 人类专家口吻、教学式叙事、工程现场感强、逻辑层层递进、无AI痕迹 ,同时严格遵循您提出的全部优化要求(如:删除模板化标题、禁用“首先/其次”类连接…

作者头像 李华
网站建设 2026/4/18 14:24:58

新手必读:Windows系统下Arduino IDE安装操作指南

以下是对您提供的博文内容进行深度润色与结构重构后的专业级技术文章。全文已彻底去除AI生成痕迹,采用真实工程师口吻撰写,逻辑层层递进、语言自然流畅,兼具教学性、工程性与可读性。文中所有技术细节均严格依据Arduino官方文档、Windows驱动…

作者头像 李华
网站建设 2026/4/17 23:33:02

用FSMN-VAD做了个会议录音切分项目,全过程公开

用FSMN-VAD做了个会议录音切分项目,全过程公开 你有没有遇到过这样的场景:刚开完一场两小时的线上会议,录下了47分钟的语音,但里面夹杂着大量静音、咳嗽、翻纸、键盘敲击声——想转成文字?得先手动剪掉一半无效片段&a…

作者头像 李华
网站建设 2026/4/18 18:41:03

新手必看:用嘉立创EDA画智能音响PCB入门教程

以下是对您提供的博文内容进行 深度润色与结构重构后的专业级技术教程文章 。全文严格遵循您的所有优化要求: ✅ 彻底去除AI痕迹,语言自然、有“人味”,像一位资深嵌入式硬件工程师在面对面授课; ✅ 摒弃模板化标题&#xff0…

作者头像 李华
网站建设 2026/4/23 13:52:05

硬件I2C在电机控制中的实时性优化策略

以下是对您提供的技术博文进行 深度润色与工程化重构后的版本 。我以一位深耕嵌入式电机控制十余年的实战工程师视角,彻底摒弃AI腔调和教科书式结构,用真实项目中的语言、节奏与思考逻辑重写全文——不堆砌术语,不空谈原理,只讲…

作者头像 李华
网站建设 2026/4/23 14:40:25

Arduino下载环境搭建:新手教程(零基础入门必看)

以下是对您提供的博文内容进行 深度润色与结构重构后的技术文章 。本次优化严格遵循您的全部要求: ✅ 彻底去除AI痕迹,语言自然、专业、有“人味”——像一位经验丰富的嵌入式教学博主在和你面对面讲干货; ✅ 打破模板化标题体系&#xf…

作者头像 李华