码迷,mamicode.com
首页 > 其他好文 > 详细

插槽slot

时间:2017-10-20 15:00:08      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:可扩展性   pre   strong   component   ddr   组件   asc   方法   标签   

主要是让组件的可扩展性更强。
1.匿名slot使用

//定义组件my-component
<div class="myComponent">
<slot></slot>
</div>
//使用方法
<my-component>
<p>我就是slot的替代内容,这里可以放任何标签元素,即使是一长串ul>li列表</p>
</my-component>

  

2.具名slot使用
//定义组件my-component
<div class="myComponent">
<slot name="mySlot"></slot>
</div>
//使用方法
<my-component>
<p slot="mySlot">我就是这个叫mySlot的slot替代内容,这里可以放任何标签元素,即使是一长串ul>li列表,但是我是一个有名字的宝宝,所以你必须给我加上slot="mySlot",不然我就报错给你看!</p>
</my-component>

  

如果不在有slot的组件里加入任何标签,slot什么都不会显示的。
 
 
 
 
 
 
 
 
 
-----完-----

插槽slot

标签:可扩展性   pre   strong   component   ddr   组件   asc   方法   标签   

原文地址:http://www.cnblogs.com/pengshengguang/p/7699455.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!