内容分发:slot

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

下面我们可以试一下用 slot 去分发内容 ... 先定义一个简单的组件 .. 名字是 segment .. 提供一些选项 .. 用一个 template 属性,定义一下组件用的模板 .. 一组 div 上面加上点 css 类 ... ui.stacked.segment ...

如果模板有多行内容可以在内容的结尾添加一个向前倒的斜线 .. 这组 div 的里面,添加一组 slot .. 在这个 slot 里面包装的内容是默认的内容 ..

在文档上用一下这个组件 ... 现在会显示 segment 这个组件 ... 默认里面有一个笑脸符号 .. 在使用这个组件的时候在它里面提供一些内容 ... 一组标题标签 ... 再添加一个段落文字 ...

因为在组件的模板里用了 slot ,所以父内容会替换掉组件模板里的那个 slot ..

内容分发:slot《 Vue.js:组件 》

统计

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

社会化网络

关于

微信订阅号

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