Laravel:x タグ

by itsagent
投稿日: 2022年4月12日11:55
<x-app-layout>  app¥View¥Components\AppLayout.phpファイルに対応

<?php
namespace App\View\Components;
use Illuminate\View\Component;
class AppLayout extends Component
{
    /**
     * Get the view / contents that represents the component.
     *
     * @return \Illuminate\View\View
     */
    public function render()
    {
        return view('layouts.app');
    }
}

1.Blade Componentsのタグはクラスファイル名のケバブケース(kebab case)で先頭にx-がつく。
コンポーネントの名前がAppLayoutなのでタグはx-app-layout。

2.Blade ComponentsファイルはApp¥View¥Componentsに保存すると自動で認識される。

ケバブケース:複数の単語をつなげる場合に単語の間にハイフン(-)を入れる。
たとえば「apply-form」、「is-on」のように、文字を串でさしたように見えることから、ケバブケースと呼ばれる。