Blade模板继承通过@yield和@section实现布局复用，组件化则利用标签和插槽封装UI元素，结合使用提升Laravel项目前端可维护性与开发效率。
在Laravel中，Blade 是一个简单却强大的模板引擎，它允许你使用简洁的语法编写视图，并通过模板继承和组件化实现高效的页面结构复用。掌握 Blade 的继承机制与组件开发方式，能显著提升前端代码的可维护性和开发效率。
模板继承：定义布局与内容占位
Blade 的模板继承让你可以定义一个基础页面布局，然后在不同子页面中填充特定内容。
首先创建一个通用布局文件，比如 resources/views/layouts/app.blade.php：
@yield('title', '默认标题')
我的网站
@section('sidebar')
这是默认侧边栏内容
@show
@yield('content')
说明：
- @yield('title') 定义可选的内容占位，支持默认值。
- @section ... @show 定义可被覆盖的区块，子模板可用 @extends 继承并替换内容。
接着创建子页面，例如 resources/views/home.blade.php：
@extends('layouts.app')
@section('title', '首页')
@section('sidebar')
这里是首页的侧边栏
@endsection
@section('content')
欢迎来到首页
这是主要内容区域。
@endsection
渲染时，Blade 会将子页面的内容注入到父布局对应的位置。
组件化开发：封装可复用UI元素
Blade 组件让你可以把常用的UI模块（如按钮、卡片、表单字段）封装成独立单元，在多个页面中重复使用。
以创建一个按钮组件为例：
- 在 resources/views/components 目录下创建 button.blade.php
- 编写组件模板：
其中：
- $slot 表示组件的默认插槽内容。
- $type 和 $variant 是传递给组件的属性，支持默认值。
在视图中使用该组件：
提交表单 删除
Laravel 会自动解析 x- 开头的标签为 Blade 组件。
高级组件技巧：命名插槽与属性传递
复杂组件常需要多个内容区域，这时可用命名插槽。
例如创建一个模态框组件 modal.blade.php：
{{ $header }}{{ $slot }}
使用时通过
确认操作
你确定要执行此操作吗？
此外，可通过 $attributes 接收额外HTML属性，比如class或data-*：
这样调用时可添加自定义类名：
基本上就这些。Blade 的模板继承适合构建整体页面结构，而组件化则利于拆分和复用UI模块。两者结合，能让 Laravel 项目的前端组织更清晰、更高效。
