9.slot插槽组件

应用场景

子组件中某一个位置的组件由 父视图填充

// 使用步骤
// 1. 子组件 .js 中打开插槽功能
    options: {
        multipleSlots: true
    },

// 2. 子组件 .wxml 中，设置slot的名称和位置
<slot name="header"> </slot>
<view wx:for="{{list}}" wx:key="index">{{item.title}}</view>
<slot name="footer"> </slot>

// 3. 父组件 .wxml 中，在子组件内添加需要的组件，通过设置组件的 slot名称，来实现填充
    <list tag = "{{titleindex}}">
    <view slot = "header">这就是头部</view>
    </list>