插槽

插槽分为三种：

1. 默认插槽
2. 具名插槽
3. 作用域插槽
   插槽的作用其实就是站位，用于组件的复用，具名插槽可以指定插入内容的位置
   具名插槽的两种写法：#name、v-slot:name

            <template #s2>
                <ul>
                    <li v-for="index in item.detail" :key="index">{{ index }}</li>
                </ul>
            </template>

            <template v-slot:s2>
                <ul>
                    <li v-for="index in item.detail" :key="index">{{ index }}</li>
                </ul>
            </template>

作用域插槽一般用于数据在子组件，而通过父组件决定数据的不同展现形式，写法如下

        <slot name="s1" :you="game"></slot>

接收时

            <template v-slot:s1="params">
                <ul>
                    <li v-for="index in params.you.detail" :key="index">{{ index }}</li>
                </ul>
            </template>

插槽的信息要写在template标签中