Laravel如何创建和使用Blade组件_Laravel Blade组件化开发方法

class Alert extends Component
{
    public $type;
    public $message;

    public function __construct($type = 'info', $message = '')
    {
        $this->type = $type;
        $this->message = $message;
    }

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

<div class="alert alert-{{ $type }}">
    {{ $message }}
</div>

<div class="alert alert-{{ $type }}">
    {{ $slot }}
</div>

<x-alert type="error" message="操作失败，请重试！"/>

<x-alert type="success">
    操作成功完成！
</x-alert>

<div class="card">
    <div class="card-header">
        {{ $header }}
    </div>

    <div class="card-body">
        {{ $slot }}
    </div>

    @if(isset($footer))
    <div class="card-footer">
        {{ $footer }}
    </div>
    @endif
</div>

<x-card>
    <x-slot name="header">
        这是标题
    </x-slot>

    这是卡片主体内容。

    <x-slot name="footer">
        <button>确定</button>
    </x-slot>
</x-card>

<button class="btn btn-{{ $type ?? 'default' }}">{{ $label }}</button>