如何在Laravel中使用Blade中的匿名組件？

創建位於resources/views/components目錄下的Blade文件（如alert.blade.php）作為匿名組件；2. 在模板中使用kebab-case語法調用組件，如內容；3. 支持子目錄結構，通過點號語法引用嵌套組件，如；4. 在組件內通過$attributes處理傳遞的屬性，可合併默認屬性；5. 匿名組件適用於純展示性、無需複雜邏輯的場景，而類組件適用於需數據處理或Livewire集成的情況。總結：匿名組件通過簡單Blade文件實現可複用UI，無需PHP類，提升開發效率且保持模板整潔。

In Laravel Blade, anonymous components are a lightweight way to create reusable component views without needing to define a full PHP class. They're perfect for simple, presentational components like alerts, buttons, or cards that don't require complex logic.

Here's how to use anonymous components in Blade:

✅ 1. Create the Component View

Anonymous components are stored directly in the resources/views/components directory (or subdirectories). You don't need a PHP class.

For example, create a file at:

 resources/views/components/alert.blade.php

 <!-- resources/views/components/alert.blade.php -->
<div class="alert alert-{{ $type ?? &#39;info&#39; }}">
    {{ $slot }}
</div>

This uses:

• $slot for the main content.
• $type as a variable you can pass in.

✅ 2. Use the Component in Any Blade Template

You can now use it like any Blade component using kebab-case:

 <x-alert type="error">
    Something went wrong!
</x-alert>

Blade automatically maps the component name ( alert ) to the corresponding view in the components directory.

✅ 3. Use Nested or Scoped Components

You can organize components in subfolders. For example:

 resources/views/components/forms/input.blade.php

Then use it with dot notation:

 <x-forms.input name="email" type="email" />

This will render the input component from the forms subdirectory.

✅ 4. Access Component Attributes

Inside the component, you can access any passed attributes using the special $attributes variable.

Example ( components/button.blade.php ):

 <button {{ $attributes->merge([&#39;class&#39; => &#39;btn btn-primary&#39;]) }}>
    {{ $slot }}
</button>

Usage:

 <x-button class="btn-danger" type="submit">
    Delete
</x-button>

This merges the default class with any passed class , and includes other attributes like type .

✅ 5. When to Use Anonymous vs. Class-Based Components

Use anonymous components when:

• The component is purely presentational.
• You don't need lifecycle hooks or complex logic.
• You want a quick, reusable template snippet.

Use class-based components when:

• You need to manipulate data in the mount() method.
• You're using Livewire or need state management.
• You want to use advanced features like listeners or validation.

Summary

Anonymous Blade components are great for:

• Simple UI elements.
• Faster development without boilerplate PHP classes.
• Keeping your templates clean and reusable.

Just place a .blade.php file in resources/views/components , and use it with <x-component-name></x-component-name> . No registration or class needed.

Basically, if it's just HTML with some variables, go anonymous — it's faster and cleaner.

以上是如何在Laravel中使用Blade中的匿名組件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！