1# slot插槽 2 3>  **说明：** 4> 从API Version 7 开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 5 6 7## 默认插槽 8 9自定义组件中通过slot标签来承载父组件中定义的内容，使用slot标签可以更加灵活的控制自定义组件的内容元素，使用方式如下： 10 11``` 12<!-- comp.hml --> 13<div class="item"> 14 <text class="text-style">下面使用父组件定义的内容</text> 15 <slot></slot> 16</div> 17``` 18 19引用该自定义组件方式如下： 20``` 21<!-- xxx.hml --> 22 <element name='comp' src='../../common/component/comp.hml'></element> 23 <div class="container"> 24 <comp> 25 <text class="text-style">父组件中定义的内容</text> 26 </comp> 27 </div> 28``` 29 30 31## 具名插槽 32 33当自定义组件中需要使用多个插槽时，可通过对插槽命名的方式进行区分，当填充插槽内容时，通过声明插槽名称，将内容加到对应的插槽中。 34 35``` 36<!-- comp.hml --> 37<div class="item"> 38 <text class="text-style">下面使用父组件定义的内容</text> 39 <slot name="first"></slot> 40 <slot name="second"></slot> 41</div> 42``` 43 44引用该自定义组件方式如下： 45``` 46<!-- xxx.hml --> 47 <element name='comp' src='../../common/component/comp.hml'></element> 48 <div class="container"> 49 <comp> 50 <text class="text-style" slot="second">插入第二个插槽中</text> 51 <text class="text-style" slot="first">插入第一个插槽中</text> 52 </comp> 53 </div> 54``` 55 56>  **说明：** 57> name 和 slot 属性不支持绑定动态数据。 58
