用户登录

在定义组件的时候,可以在组件里面预留一些显示内容的地方,这些地方都有个名字。在使用组件的时候,可以去设置这些地方具体要显示什么东西 .. 预留的这些地方,就是 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 这个地方要显示的东西 ..

@slot,@yield《 Node.js 应用:视图 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点