小程序slot的使用

1.slot类似电脑的usb接口定义了一个接口，你可以在上面插入键盘、鼠标等等。小程序的slot也是类似的，通过标签slot预留一个位置，然后你可以在上面插入需要的组件

2.slot的使用方法

1)单个slot的使用方法(在自定义组件中预留一个slot -> 在页面中注册自定义组件 -> 在页面中使用并添加slot代表的实体组件)

//1.在自定义组件中预留一个slot(自定义组件中)
<view>--------------</view>
<slot/>
<view>--------------</view>

//2.在页面中注册自定义组件(页面配置)
"my-slot":"/componet/my-slot/my-slot"

//3.在页面中使用并添加slot代表的实体组件)
<my-slot>
  <button>我是slot</button>
</my-slot>

2）多个slot标签的使用（在自定义组件中预留多个slot -> 对slot标签命名 ->设置组件的options属性 -> 在页面中注册自定义组件 -> 在页面中使用并添加slot代表的实体组件）

//1.在自定义组件中预留多个slot
<view>--------------</view>
<slot/>
<slot/>
<slot/>
<view>--------------</view>

//2.对slot标签命名 
<view>--------------</view>
<slot name="slot1"/>
<slot name="slot2"/>
<slot name="slot3"/>
<view>--------------</view>

//3.设置组件的options属性
options:{
    multipleSlots : true
  }, 

//4.在页面中注册自定义组件
"my-slot":"/componet/my-slot/my-slot"

//5.在页面布局中使用并添加slot代表的实体组件
<my-slot>
  <button slot="slot1">我是slot1</button>
  <button slot="slot3">我是slot3</button>
  <button slot="slot2">我是slot2</button>
</my-slot>