vue中 slot 的使用

1. slot 的应用场景：
   方便对组件中的模糊节点进行灵活的自定义
2. 分类
   匿名slot && 匿名slot slot中不接受接受属性及方法的传值，如要实现传值需使用作用域slot

<div class="head">
        <slot></slot>
    </div>

<div class="head">
        <slot name="head-icon"></slot>
    </div>

3. 作用域slot

<template>
    <div class="head">
        <slot :data></slot>
    </div>
</template>

实现将组件中的data数据传递给slot
在应用这类slot时，外层需要使用template便签包裹，并且 添加属性 scope-slot=“data” 来进行接受