Laravel 8：如何实现祖父组件到孙组件的数据传递？

你的问题核心在于：Blade组件不会自动继承父视图的变量——控制器把$headerText传给了home.blade.php，但home视图调用的<x-mainframe>是独立的组件，这个变量不会自动进入mainframe组件的上下文，自然也就传不到它内部的master-header组件里。

下面是几种简便的解决方法，按推荐程度排序：

方法一：显式向组件传递参数（最推荐） #

这是最符合Blade组件设计思想的方式，清晰可控：

1. 让mainframe组件接收headerText参数 #

如果你的mainframe是匿名组件（没有对应的PHP类，直接放在resources/views/components目录下），在mainframe.blade.php开头用@props声明要接收的参数：

@props(['headerText'])

<body>
    <!-- Navigation-->
    <x-main-menu></x-main-menu>
    <!-- Page Header-->
    <x-master-header :headerText="$headerText"></x-master-header>
    {{ $content }}
</body>

如果你的mainframe是有类的组件（比如App\View\Components\Mainframe.php），在组件类里定义属性和构造函数：

<?php

namespace App\View\Components;

use Illuminate\View\Component;

class Mainframe extends Component
{
    public $headerText;

    // 构造函数接收参数并赋值
    public function __construct($headerText)
    {
        $this->headerText = $headerText;
    }

    public function render()
    {
        return view('components.mainframe');
    }
}

2. 在home.blade.php中向mainframe传递参数 #

修改home.blade.php，调用组件时把$headerText传进去：

<x-mainframe :headerText="$headerText">
    <x-slot name="content">
        ... some content ...
    </x-slot>
</x-mainframe>

这样变量就会沿着「控制器→home视图→mainframe组件→master-header组件」的路径传递，完美解决问题。

方法二：使用视图共享（适合全局通用的变量） #

如果这个headerText是很多页面都需要的全局变量，可以在AppServiceProvider的boot方法里共享它：

use Illuminate\Support\Facades\View;

public function boot()
{
    View::share('headerText', '默认标题');
    // 或者根据请求动态生成
    View::share('headerText', function () {
        return request()->routeIs('home') ? 'Je teste les variables des templates Blade' : '默认标题';
    });
}

这种方法不需要手动传递参数，但缺点是变量变成全局的，灵活性不如显式传递。

方法三：在组件中直接访问视图变量（不推荐） #

Blade组件默认可以通过$this->view->get()访问父视图的变量，但这种方式破坏了组件的封装性，不建议使用：

// 在master-header.blade.php中直接获取
<header>
    <h1>{{ $this->view->get('headerText') }}</h1>
</header>

这种写法虽然能解决问题，但组件会依赖父视图的变量，复用性大大降低，所以只作为临时应急方案。

内容的提问来源于stack exchange，提问作者Nicolas Rouleau