Blade Slot和yield有什么实际区别

轻静小哥_5773

轻静小哥_5773

2026-07-31

1000人浏览

原创

laravel 10插槽机制核心是默认插槽({{ $slot }})和命名插槽(),用于组件内结构化内容注入,支持多区域、可选渲染与嵌套复用,与模板继承中的@yield本质不同。

blade slot和yield有什么实际区别

@yield 是布局占位符,不是内容容器

@yield('name') 只是预留一个“插入点”,它本身不承载内容,也不参与内容拼接逻辑。它要么显示传入的子模板内容,要么显示默认值(如 @yield('title', '首页')),但无法叠加、无法继承父级内容、无法被多次注入。

常见错误现象:在子模板里对同一个 @yield 多次使用 @section,只有最后一次生效;漏写 @extends 时,@yield 直接输出空字符串,不报错也不提示——这是静默失败,最难排查。

  • @yield 必须出现在父模板中,且子模板必须通过 @extends 正确继承才能生效
  • 名字大小写敏感,@yield('Content')@section('content') 不匹配就丢内容
  • 不能用 @parent,因为它没有“父内容”概念——它只是个开关

@slot 是组件的内容接收器,支持结构化分发

@slot(或 {{ $slot }}{{ $header }})属于 Blade 组件机制,它把外部传入的内容封装成变量或闭包,在组件内部按需渲染。它天然支持多区域、可选、可组合,比如一个卡片组件可以同时接收 $slot(主体)、$header(标题)、$footer(操作区)。

使用场景明显不同:你不会用 @yield 去构建一个可复用的弹窗组件,但你会用 @slot ——因为弹窗需要灵活塞入标题、正文、按钮,而这些内容彼此独立、位置固定。

LogoAi
LogoAi

LogoAI是一款用于生成 Logo、品牌视觉和营销素材的 AI 品牌设计平台。

下载
  • 默认插槽内容直接写在 <x-card>...</x-card> 标签体内,自动赋给 $slot
  • 命名插槽要用 <x-slot name="footer"></x-slot><footer></footer>
  • 未定义 @slot('xxx') 的命名插槽,对应变量(如 $xxx)为 null,建议用 {{$footer ?? ''}} 防错

它们根本不在同一层抽象上

@yield 是模板继承体系里的“静态占位”,绑定的是视图层级关系(layout → child);@slot 是组件系统里的“动态内容管道”,绑定的是封装单元(component)与调用上下文之间的数据流。Laravel 文档里常把两者并列讲,容易让人误以为功能相似,其实它们解决的问题完全不同。

性能影响也不同:@yield 编译后就是简单的 PHP 变量输出;@slot 涉及闭包传递和作用域隔离,稍重,但换来的是真正的复用能力——比如同一个 <x-alert></x-alert> 组件,在登录页、表单页、后台页里都能传不同的 $slot$type 属性,而不用复制三份 @section

  • 不要试图用 @yield 替代组件插槽,它没这个设计意图
  • 也不要在一个 @extends 模板里混用大量 @section 去模拟插槽行为——可读性差,维护成本高
  • 修改组件后必须运行 php artisan view:clear,否则旧缓存可能让插槽内容不更新

什么时候该选哪个

判断依据很简单:你要复用的是「页面结构骨架」,还是「UI功能单元」?前者用 @yield + @section;后者用 @slot + <x-xxx></x-xxx>

比如整个后台管理页共用一个 layouts.admin,侧边栏、顶部导航、主内容区都用 @yield 预留——这是骨架;但其中每个数据卡片、筛选表单、状态标签,都应该抽成带插槽的组件——这才是单元。

  • 全局布局、SEO 元信息、基础样式加载 → @yield
  • 按钮组、模态框、表格行、表单字段 → @slot
  • 混合使用没问题,但别把组件插槽硬塞进 @section 里去“扩展”——它不归那一层管
真正容易被忽略的是:Blade 组件的插槽内容是在视图编译阶段被提取并注入的,而 @yield 内容是在运行时由子模板直接覆盖的。这意味着插槽能做条件判断、循环包裹、属性透传,@yield 不能。
PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

2023.09.01

9164

6

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

5561

5

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

2015

5

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

2023.10.23

3448

4

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

2023.10.23

4114

6

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.03

3231

9

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.09

4577

8

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.13

3582

8

sprintf函数用法详解
sprintf函数用法详解

sprintf函数的用法:1、格式化字符串;2、指定输出宽度和精度;3、返回值。更多关于sprintf函数用法详解的内容,大家可以阅读下面的文章。

2023.11.27

11622

4

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.6万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 133.1万人学习