news 2026/8/29 7:22:30

slot插槽

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
slot插槽

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

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

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

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

默认插槽

父组件

子组件

具名插槽

子组件

父组件

作用域插槽

默认作用域插槽

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

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

父组件

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

具名作用域插槽

父组件

子组件

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

Qwen3-Embedding-0.6B实战:快速搭建本地语义搜索

Qwen3-Embedding-0.6B实战:快速搭建本地语义搜索 你是否遇到过这样的问题:公司内部文档成千上万,但每次想找一份去年的合同模板,得翻遍知识库、反复试关键词、甚至还要请教同事?或者开发一个智能客服系统时&#xff0…

作者头像 李华
网站建设 2026/8/28 6:31:19

AI助理新玩法:语音指令自动刷抖音关注博主

AI助理新玩法:语音指令自动刷抖音关注博主 摘要:本文带你用 Open-AutoGLM 实现“说句话就自动完成手机操作”的真实体验——无需编程基础,不依赖云端截图,仅靠本地 Mac 安卓手机,就能让 AI 听懂你的语音指令&#xff…

作者头像 李华
网站建设 2026/8/29 0:24:25

零基础入门YOLOE:用官方镜像快速搭建检测系统

零基础入门YOLOE:用官方镜像快速搭建检测系统 你有没有试过在深夜调试目标检测模型,结果卡在环境配置上——装完PyTorch又报CUDA版本冲突,配好clip却发现和torchvision不兼容,最后发现连模型权重都下不全?更让人无奈的…

作者头像 李华
网站建设 2026/8/25 20:47:23

科哥镜像整合了42526小时训练数据的大型模型

科哥镜像整合了42526小时训练数据的大型模型 1. 这不是普通的情感识别系统:Emotion2Vec Large到底强在哪? 你可能用过不少语音情感分析工具,但Emotion2Vec Large语音情感识别系统是个例外。它不是简单地在几百小时数据上微调出来的“小模型…

作者头像 李华
网站建设 2026/8/18 7:26:38

亲测cv_resnet18_ocr-detection,文字检测效果惊艳,一键启动太方便了

亲测cv_resnet18_ocr-detection,文字检测效果惊艳,一键启动太方便了 OCR技术早已不是新鲜事,但真正能让人眼前一亮、用起来顺手的工具却不多。最近试用了科哥构建的cv_resnet18_ocr-detection镜像,从启动到出结果只花了不到两分钟…

作者头像 李华
网站建设 2026/8/26 14:50:25

高速信号PCB设计手把手教程:SFP+模块布线实践

以下是对您提供的博文《高速信号PCB设计手把手教程:SFP模块布线实践》的 深度润色与结构重构版 。本次优化严格遵循您的全部要求: ✅ 彻底去除AI痕迹,语言更贴近资深硬件工程师口吻 ✅ 摒弃“引言/概述/总结”等模板化结构,以…

作者头像 李华