Laravel 9：如何将变量传递给视图中调用的组件？

下面是几种可行的传参方式：

1. 显式在组件标签传递参数 #

这是最直观且推荐的方式，直接在调用组件时把变量传进去：

• 修改主页面的组件调用代码：

<h1>Hello</h1>
<x-component :categories="$categories" />

注意这里的:categories是属性绑定语法，冒号表示后面的内容是PHP变量，而非普通字符串。

• 在x-component对应的Blade文件开头，声明需要接收的参数：

@props(['categories'])

{{-- 此处可正常使用$categories变量 --}}
@foreach($categories as $category)
    <p>{{ $category->name }}</p>
@endforeach

2. 让组件自动继承父视图变量（匿名组件适用） #

如果是无对应PHP类的匿名组件，可使用@aware指令获取父视图中的变量，无需显式传参：
在组件的Blade文件开头添加：

@aware(['categories'])

{{-- 之后即可直接遍历$categories --}}
@foreach($categories as $category)
    <p>{{ $category->name }}</p>
@endforeach

这种方式适合共享全局变量的场景，但显式传参逻辑更清晰，建议优先使用第一种方法。

3. 通过组件类传递（类组件适用） #

如果你的组件有对应的PHP类（如App\View\Components\Component.php），可在类中定义属性接收变量，或直接在组件内获取数据：

• 组件类示例：

namespace App\View\Components;

use Illuminate\View\Component;
use App\Models\Category;

class Component extends Component
{
    public $categories;

    // 方式1：直接在组件内获取数据，无需父视图传递
    public function __construct()
    {
        $this->categories = Category::all();
    }

    // 方式2：通过$with属性自动继承父视图变量
    // protected $with = ['categories'];

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

这种方式适合组件需要独立处理数据逻辑的场景。

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