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」のように、文字を串でさしたように見えることから、ケバブケースと呼ばれる。