Laravel 5.4 Blade introduced the concept of components & slots – but I can’t see what they add over the traditional @include. As I understand, with component/slots, you do:
In template component-tpl.blade.php:
<div class='container'>
<h1>{{$slot1}}</h1>
<h2>{{$slot2}}</h2>
</div>
Using slots in page template, you do:
@component('component-tpl')
@slot('slot1')
The content of Slot 1
@endslot
@slot('slot2')
The content of Slot 2
@endslot
@endcomponent
What functionality does that provide over the older:
@include('component-tpl',['slot1'=>'The content of Slot 1',
'slot2'=>"The content of Slot 2"])
using the exact same ‘component-tpl.blade.php’ Blade template?
What am I missing? Thanks for any insights.
Chris
As stated, there’s no functional difference, but careful use of both can give you cleaner blade files.
If a slot could contain HTML, then using a component will give a cleaner syntax in your blade files.
@component('test')
<strong>This text has html</strong>
@endcomponent
versus
@include('test', ['slot' => '<strong>This text has HTML</strong>'])
Equally, if a component has no slots, then an include may be preferred:
@include('test')
versus
@component('test')
@endcomponent
Answer:
I think I’ve tracked down another crucial difference. For instance, from the documentation for 5.4:
Blade’s @include directive allows you to include a Blade view from within another view. All variables that are available to the parent view will be made available to the included view:
As far as I can tell, components have a different scope from a containing view and so the variables available to the parent view are not available within the component. You need to pass a variable to a component like this:
@component('alert', ['foo' => 'bar'])
@endcomponent
This discussion is related to this problem:
Use variables inside the Markdown Mailables
Answer:
As the documentation says:
Components and slots provide similar benefits to sections and
layouts; however, some may find the mental model of components and
slots easier to understand.
Tags: laravel, php, phplaravel