スロットとは(Laravel)

スロットとは

ヘッダーフッターを共通化
一部だけ、他の表示に差し替えなどができる機能

どれがスロット?

①名前なし
{{ $slot }}

②名前あり
<x-slot name="hoge">

{{ $hoge }}

事例①

login.blade.phpに、slotが使用されている例

  • <x-guest-layout>で囲ってる内容が、全て{{ $slot }} に該当する場合
    • guest-layoutコンポーネントを探す
    • 中身を見て、$slotを探す
    • {{ $slot }} を見つけたら、「何か差し込まれてるんだなぁ」と思ってください


事例②

名前が "logo"の例
<x-slot name="logo">

実際のslotがどう表現されるかとゆうと...
{{ $logo }}
となる

{{ $logo }}に、<x-slot name="logo">で囲われた部分が差し込まれる
これが名前ありslot