Blade 组件是带作用域、可传参、能嵌套的封装单元；须用 php artisan make:component 创建，继承 Illuminate\View\Component，类名驼峰对应小写中划线标签，属性需冒号绑定，slot 默认不转义，构造函数参数缺失会抛 ArgumentCountError。
Blade 组件不是“写一次到处复制粘贴”的模板片段，而是带作用域、可传参、能嵌套的封装单元；直接用 @include 或硬编码 HTML 会导致 props 混乱、样式泄漏、复用时逻辑耦合。
组件必须用 php artisan make:component 创建
手动在 resources/views/components/ 下建文件，Laravel 不会自动注册类名和视图路径，调用时会报 View [components.xxx] not found。
- 运行
php artisan make:component Alert，生成App\View\Components\Alert类 +resources/views/components/alert.blade.php - 组件类必须继承
Illuminate\View\Component，且默认实现render()方法（返回视图） - 类名首字母大写、驼峰，对应 Blade 标签为小写中划线格式：
<x-alert></x-alert>→Alert类
<x-xxx></x-xxx> 标签里不能直接写 PHP 表达式
比如 <x-button onclick="alert({{ $msg }})"></x-button> 会触发未定义变量错误，因为属性值不经过 Blade 编译 —— 属性只支持字面量或 :`xxx` 绑定语法。
- 正确传参：用冒号绑定动态值，
<x-button :disabled="$isDisabled" :label="$text"></x-button> - 原生 HTML 属性（如
class,id）可直接写，但值不含变量；含变量必须加冒号 - 想透传全部属性？在组件类里定义
public $attributes，并在视图中用$attributes渲染：<button></button>
slot 内容默认不 escape，但命名 slot 要显式调用
直接写 <x-card>{{ $user->name }}</x-card>，内容会被自动输出（不转义），若含用户输入可能 XSS；而 <x-card><h2>Title</h2>
<p>Body</p></x-card> 里多个区块需用命名 slot 区分。
- 默认 slot：在组件视图中用
{{ $slot }}接收 - 命名 slot：组件类中定义
public function render() { return view('components.card', ['title' => $this->title]); }，视图里用<h3>{{ $title }}</h3>；调用时写<x-card title="Settings">...</x-card> - 想让 slot 内容也 escape？改用
{{ $slot->toHtml() }}并确保内容是安全字符串，或统一用htmlspecialchars()处理传入值
最常被忽略的是组件类构造函数参数顺序和类型提示 —— 如果写了 public function __construct(public string $type, public bool $dismissible = false)，但调用时漏传 $type，报错信息不会明确说“缺少 required prop”，而是抛出 ArgumentCountError，且堆栈指向视图编译器，排查成本高。
