场景
我们在使用Blade 模板开发中,会遇到一些重复使用比较的多的代码,比如弹框等等。
这些不只是在一个页面会使用的代码块,就可以提出来各页面共用。使用Blade中的组件和插槽。
基础的 组件&插槽 使用
{ { $slot }} 变量
现今假设有一个可复用的组件 errorPage.blade.php,内容大致为:
<!-- 存储在 /resources/views/components/errorPage.blade.php -->
<div class="error">
{
{ $slot }}
</div>
{
{ $slot }} 变量就是我们想要注入到子组件的内容。
使用@component 指令引入子视图。以@endcomponent结束引入。
在父视图中引用组件 errorPage.blade.php ,父组件demo.blade.php的内容如下:
{
{
-- 存储在 /resources/views/demo.blade.php --}}
{
{
-- 父引入resources/views/

本文详细介绍了Blade模板引擎中的组件化开发,包括如何使用@component和插槽创建可复用的代码块,以及如何通过变量传递和显示数据。此外,还讲解了如何给组件起别名以简化引用,并提到了如何显示非转义字符。
最低0.47元/天 解锁文章
1722

被折叠的 条评论
为什么被折叠?



