Blade组件需显式注册才能被@component识别：统一放resources/views/components/下，在AppServiceProvider::boot()中用Blade::component()绑定路径或类；@props只接收字面量默认值；<x-card>支持插槽与独立作用域，@include仅静态复用；slot须用@isset判断且区分大小写。
Blade 组件怎么注册才能被 @component 正确识别
组件没被识别，八成是注册路径或命名不匹配。Laravel 不会自动扫描所有 .blade.php 文件，必须显式声明位置。
推荐做法是统一放在 resources/views/components/ 下，并在 AppServiceProvider::boot() 里调用 Blade::component() 绑定别名：
Blade::component('alert', Alert::class); // 类组件
Blade::component('components.card', 'card'); // 视图组件，路径用点号分隔
常见错误：
- 路径写成
components/card.blade.php却注册为components.card—— 实际要写components.card（Laravel 自动转斜杠） - 类组件没实现
render()方法，或返回了字符串而非view() - 用了
@component('xxx')但没注册，报错Undefined component 'xxx'
用 @props 接收参数时为什么有些值总是 null
@props 不是万能接收器，它只展开传入的「属性数组」，且默认值必须是字面量（不能是变量或函数调用）。
比如这个组件定义：
@props(['type' => 'info', 'title', 'dismissable' => false])
调用时如果漏掉 title，又没设默认值，$title 就是 null；而 dismissable 写成 dismissable="{{ $canClose }}"，但 $canClose 是外部变量，@props 不会自动解析表达式 —— 它只认静态默认值。
安全做法：
- 必填属性不设默认值，强制调用方传入
- 可选布尔值用
false/true字面量，别传"false"字符串 - 需要动态逻辑？改用
@props(['attrs' => []])收集全部，再在组件内用$attrs['title'] ?? '默认'
<x-card> 和 @include 复用模板，到底该选哪个
核心区别：组件有独立作用域、支持属性绑定与插槽；@include 只是简单引入，共享父级变量，无法传复杂结构。
适用场景：
- 要传
slot内容（比如卡片里塞一段动态 HTML）、需要复用带交互逻辑的 UI 块 → 用<x-card> - 只是重复一段静态 HTML（如页脚版权、通用提示文案），且不依赖外部数据 →
@include('partials.footer')更轻量 - 想传一个数组循环渲染？
@include可以直接传['items' => $list]，组件则需用@props+ 显式遍历，略啰嗦
性能上差异极小，但组件编译后生成闭包，调试时堆栈更深；@include 就是直译，出错定位更快。
自定义组件里怎么正确使用 @slot 和 @isset($slot)
Slot 不是变量，不能直接 {{ $slot }} 输出 —— 必须用 {{ $slot }} 或 @if ($slot) {{ $slot }} @endif，但更稳妥的是 @isset($slot)，因为未传 slot 时 $slot 是 null，不是空字符串。
多 slot 场景（如 <x-modal> 分 header/body/footer）必须提前在组件顶部声明：
@props(['title'])
@slot('header')
<h2>{{ $title }}</h2>
@endSlot
@slot('footer')
<button type="button">确认</button>
@endSlot
注意：
- slot 名称区分大小写，
@slot('Header')和<x-modal header>不匹配 - slot 内容不会自动 escape，
{{ $slot }}等价于{!! $slot !!}，确保内容可信 - 想提供默认 slot 内容？不能写在组件文件里，得靠调用方传，或用
@isset($slot) @else 默认内容 @endisset
最易忽略的一点：slot 是“延迟执行”的，它在组件渲染末尾才求值，所以不能在组件内部逻辑里判断 $slot === null 来做分支 —— 得用 @isset 或 @empty 这类指令包裹输出位置。
