在定义组件的时候,可以在组件里面预留一些显示内容的地方,这些地方都有个名字。在使用组件的时候,可以去设置这些地方具体要显示什么东西 .. 预留的这些地方,就是 slot ..
比如在这个 list 组件里面 .. 可以使用一个 @yield .. 要显示的是 $slot.notes .. 这样在使用这个组件的时候,可以设置 notes 这个 slot 里的东西 ..
在 yield 还有 endyield 之间,可以添加一些默认要显示的内容 .. 就是如果使用组件的时候没有设置这个 notes slot 里的内容,组件就会显示这个默认的内容 ..
一组 small 标签 .. 包装一串文字 .. Put some notes here.
我们可以使用同样的方法去定义其它的 slot ..
@slot
下面再找到使用了这个 list 组件的地方 .. 去掉 component 前面的 ! 号 .. 再添加一个 @endcomponent ..
在它们中间,可以使用一组 @slot 去设置指定的 slot 里面的内容 .. 这里设置一下组件里的 notes 这个 slot 里面的东西 ..
small .. Eat some fruits & vegetables everyday is good for your health.
再去预览一下 ..
这个内容列表下面显示的这行文字,就是 list 这个组件里的 notes 这个地方要显示的东西 ..