Laravel 11 对命名插槽语法更宽容,支持 x-slot:xxx 简写,而 Laravel 10 仅支持 name="xxx";默认插槽 $slot 行为完全一致;Laravel 11 新增动态插槽变量访问(如 ${$slotName}),且插槽名优先覆盖同名参数。

没有统一,但 Laravel 11 对命名插槽的语法容忍度更高,而默认插槽行为完全一致。
命名插槽写法:Laravel 11 支持 x-slot:xxx 简写,Laravel 10 需显式 name="xxx"
Laravel 10 严格要求具名插槽必须用 <x-slot name="header"></x-slot> 形式;若写成 <x-slot:header></x-slot>,会报错或静默忽略(取决于 Blade 解析器版本)。
Laravel 11 内置了更宽松的解析器,两种写法都合法:<x-slot:header> 和 <x-slot name="header"> 效果相同。
这不是“统一”,而是 Laravel 11 向前兼容了社区常用简写,但底层仍按标准 slot 名映射到 $header 变量。
- 推荐在 Laravel 11 中优先用
<x-slot:header>—— 更紧凑,且 IDE(如 PHPStorm)已适配该语法高亮 - 跨版本项目(如需同时支持 10 和 11)请坚持用
name="xxx"写法,避免在 Laravel 10 环境下失效 -
name属性值必须是合法 PHP 变量名(不能含空格、连字符等),否则 Laravel 10/11 都会解析失败,报错类似Undefined variable: header-2
默认插槽:$slot 行为完全一致,无版本差异
无论 Laravel 10 还是 11,组件内写 {{$slot}} 就能接收标签体内的未命名内容,逻辑没变。
注意:如果组件模板里漏写了 {{$slot}} 或 <slot></slot>,父级传入的内容就会被丢弃——这个坑在两个版本里一模一样,且无任何警告。
- 不要依赖
@isset($slot)判断是否有内容,因为$slot总是存在(空字符串也算);要用$slot->isNotEmpty() - 默认插槽不支持嵌套多个
<x-slot>,所有未命名内容都会合并进$slot,顺序按书写位置保持 - 若组件同时定义了
$slot和$footer,又传入了未命名内容 +<x-slot name="footer">,两者互不影响
动态插槽变量名:Laravel 11 允许更灵活的插槽访问方式
Laravel 10 中,只能通过预定义变量名(如 $header、$footer)访问命名插槽;Laravel 11 开始支持用变量拼接插槽名,比如 {{ ${$slotName} }},前提是 $slotName = 'header' 已定义。
- 这种写法在 Laravel 10 会触发
Undefined variable错误,因为插槽变量是编译期注入,不是运行时动态属性 - Laravel 11 的 Blade 编译器做了增强,允许这种反射式访问,但仅限于简单变量名(不支持
${'header'.rand()}这类表达式) - 实际项目中极少需要动态插槽名,除非做高度通用的布局组件;多数场景用固定命名更清晰、易调试
真正容易被忽略的是:插槽变量名和组件参数名冲突时,Laravel 11 会优先使用插槽值覆盖同名参数,而 Laravel 10 行为不稳定(有时覆盖,有时报错)。所以别把插槽名和 public function __construct(public string $header) { } 的属性名设成一样。


















