Blade组件属性传递失败90%因等号两侧有空格或冒号错位：name="Joanna"正确，name ="Joanna"会被忽略致$name为null；动态传值须用:name="$userName"，静态字符串用name="Joanna"；变量名须严格一致，如compact('cities')对应@foreach($cities as $city)。
Blade 组件属性传递失败，90% 是因为等号两侧有空格或冒号使用错位。 一个看似微小的 name = "Joanna" 就会让 $name 在组件内变成 null，而你可能花半小时查数据绑定、重写 render 方法，却漏看了这个空格。
Blade 组件静态属性必须零空格：name="Joanna"，不是 name ="Joanna"
Blade 编译器按 HTML/XML 规范解析属性，name = "Joanna" 中的空格会导致整个属性被忽略——它根本不会被提取进组件构造函数。这不是 Laravel 的 bug，是语法层面的硬性限制。
- ❌ 错误写法：
<x-header name="Joanna"></x-header>、<x-input label="Email"></x-input> - ✅ 正确写法：
<x-header name="Joanna"></x-header>、<x-input label="Email"></x-input> - 组件类中对应属性（如
public $name）必须为public，否则 Blade 模板无法读取
动态传值必须加冒号前缀：:name="$userName"，不是 name="$userName"
不加冒号会被当作字符串字面量处理，name="$userName" 等价于 name="$userName"（即字面值），而不是变量求值结果。
- ✅
:name="$userName"→ 绑定 PHP 变量，值随变量变化 - ✅
name="Joanna"→ 静态字符串，不解析变量 - ⚠️
name="$userName"→ 字符串 "$userName"，不是变量内容 - Laravel 9+ 推荐在
render()中显式返回数据：return view('components.header', ['name' => $this->name]);，避免隐式绑定歧义
控制器传数据给组件视图时，变量名必须严格一致
你在控制器里用 compact('cities')，Blade 视图里就必须用 $cities；如果写成 @foreach($city as $c)，就会报 Undefined variable: city。
- 控制器返回：
return view('components.hero', compact('cities')); - 组件视图中只能用：
@foreach($cities as $city) - 不能混用单复数：控制器传
$users，视图里写$user会直接报错 - 若需在组件内访问模型属性（如
$city->id），确保$cities是 Eloquent 集合，不是数组或 null
最常被忽略的一点：Blade 组件属性不是“松散匹配”，而是编译期硬解析。空格、冒号、变量名大小写、复数一致性——任一环节出错，数据流就断在第一步，且无明确错误提示。调试时优先用 dd($this->name) 放在组件构造函数里，比翻日志快十倍。
