livewire 组件默认不支持 blade slot 语法，需显式声明 $slot 属性或用 layout + render() 处理；slot 内 wire 指令失效、$wire 不可用、命名冲突等问题均源于 slot 编译期与 livewire 运行时生命周期不一致。
Slot 传入 Livewire 组件时，子内容不渲染
常见现象是写了 @slot('header') 却没显示，或者整个 <x-slot></x-slot> 区域空白。根本原因是 Livewire 组件默认不支持 Blade slot 语法——它只识别自己定义的 public $slot 属性或显式声明的 slot 名称。
- 必须在组件类中声明
public $slot = ''（用于默认 slot），或使用#[Layout]+render()显式处理 slot 内容 - Blade 模板里不能直接写
<my-component><x-slot name="header">...</x-slot></my-component>—— 这种写法会被 Laravel 当作普通组件调用，slot 不会被传递 - 正确方式是用自定义 Blade 组件封装 Livewire：先定义
<x-my-component><x-slot name="header">...</x-slot></x-my-component>，再在该组件内用@livewire加载实际逻辑 - 如果用了
#[Layout('layouts.app')]，要确保 layout 文件里有@yield('slot')或@stack('slots')，否则 slot 内容被丢弃
Livewire 组件内嵌套 Slot 时，wire:model 失效
比如在 <x-form><x-slot name="fields"><input wire:model="email"></x-slot></x-form> 中，email 值始终为空。这是因为 slot 内容在 Livewire 初始化前就被 Blade 渲染了，wire:model 的绑定节点丢失。
PHP中文网提供Laravel 13.2.0版本下载，Laravel框架 是基于 PHP 8.3+ 的高性能框架，官方推荐通过 Composer 安装。它内置 AI SDK、JSON:API Resources 及原生向量搜索，支持属性驱动开发与队列路由，大幅提升开发效率。相比旧版，13.2.0 优化了缓存 TTL 管理与实时通信，无需 Redis 即可横向扩展。作为现代 Web 开发首选，它兼顾安全与极速体验，助您快速构建企业级应用。
- slot 内容不会被 Livewire 的 diff 算法跟踪，所有
wire:指令在 slot 中都无效 - 解决办法：把交互逻辑移到 Livewire 组件内部，用
@props(['header', 'footer'])接收字符串内容，或用public $header = ''+@entangle同步状态 - 若必须动态插入表单字段，改用
render()动态生成 HTML 字符串并用{!! $this->formHtml !!}输出（注意 XSS 过滤） - 不要依赖
wire:ignore来保活 slot 内的交互 —— 它只跳过 diff，不恢复绑定
使用 Alpine.js 配合 Slot 时，$wire 访问不到组件方法
在 slot 里写 <button x-on:click="$wire.save()"></button> 报错 $wire is not defined。这不是 Alpine 错误，而是作用域问题：slot 内容不属于 Livewire 组件 DOM 树根节点。
-
$wire只在<div wire:id="xxx"> 及其子元素内有效；slot 插入点通常在组件外层 wrapper 里，脱离了这个上下文 <li>避免在 slot 中直接调用 <code>$wire，改用事件通信：x-on:click="$dispatch('save-request')"，然后在组件根元素监听：@entangle('saveRequested').defer或@on('save-request'="save()") - 如果必须穿透访问，用
document.querySelector('[wire\:id]').__livewire手动取实例（不推荐，耦合强且 SSR 不兼容） - 检查是否用了
wire:ignore.self在 slot 外层容器上 —— 这会切断 Livewire 对整个区域的控制 - Livewire 会把数组参数优先赋给同名 public 属性，slot 名称若与属性重名，Blade 渲染时会覆盖或静默丢弃
- 严格区分用途：slot 用于结构化内容（HTML 片段），属性用于数据传递（字符串、数组、模型）
- 命名约定：slot 名用全小写带下划线（如
main_content），属性名用 camelCase（如isLoading），避免交叉 - 调试技巧：在
render()方法里dd($this->header, $this->slot)，确认实际接收到的是什么
命名 slot 与 Livewire 属性名冲突导致覆盖
当组件定义了 public $header = 'default'，又在模板里传入 @livewire('my-component', ['header' => 'custom'])，结果 slot 内容和属性值互相覆盖，行为不可预测。
