laravel 中通过 blade 组件传递数据时，若属性值前后存在空格（如 `name = "joanna"`），会导致参数解析失败，组件无法正确接收并渲染变量。
在 Laravel 中，自定义 Blade 组件（如
❌ 错误写法（导致数据未传递）
{{-- 注意：name 和 = 之间、= 和 "Joanna" 之间有空格 --}}
Laravel 的 Blade 编译器会将带空格的 name = "Joanna" 视为无效属性语法，完全忽略该参数，因此 $this->name 在组件构造函数中实际接收到的是 null（或触发类型错误，取决于 PHP 版本和严格模式），最终 header.blade.php 中的 {{ $name }} 渲染为空。
✅ 正确写法（必须紧凑无空格）
属性名、等号、引号必须紧密连接，这是 Laravel Blade 组件约定的语法要求，等同于标准 HTML 属性规则（如 不写作 type = "text"）。
? 补充验证与最佳实践
确保组件已注册（Laravel ≥ 9.x 默认自动发现，无需手动注册）
若使用较早版本或自定义命名空间，请确认 App\View\Components\Header 已被正确扫描（检查 composer.json 中 "autoload": {"psr-4": {...}} 是否包含 App\\View\\Components\\）。-
组件类可选优化：使用属性绑定（更简洁）
Laravel 支持“属性绑定”语法，无需显式构造函数赋值：// App\View\Components\Header.php name = $name; } public function render() { return view('components.header'); } }或更现代的写法（Laravel 10+ 推荐）：
public function __construct(public string $name) {} // 构造函数属性提升 -
调试建议：在组件视图中添加兜底输出
Hi {{ $name ?? 'Guest' }}
{{-- 使用 ?? 运算符避免 undefined variable 报错 --}} -
注意闭合方式
- 自闭合标签：
（推荐，语义清晰） - 非自闭合（仅当需要 slot 内容时）：
This is a slot
- 自闭合标签：
✅ 总结：Blade 组件属性必须遵循 key="value" 的紧凑格式，任何多余空格都会导致参数丢失。修正后刷新页面，即可正常显示 “Hi Joanna”。这是初学者高频踩坑点，养成严格书写习惯可大幅减少调试时间。
