vue 中 v-slot

最近做的一个项目里面很多这个v-slot，对这个真的是不懂。（https://blog.csdn.net/weixin_34357436/article/details/91435871）

后来看了看稍微懂一点了。

• 子组件定义name，父组件使用v-slot:name来打通父子组件。
• 父组件必需写上template标签，格式为v-slot:name="slotProps"。
• 子组件必需写上 name,相当于一个标记,一个ID。
• 父组件向子组件传标签，子组件向父组件传值。

父组件

<div class='father'>
    <template v-slot:footer>
        <!--传标签给子组件-->
        <div>我是父元素的标签div</div>
    </template>
</div>

　　

　　子组件

<div class='child'>
    <template name="footer">
     
    </template>
</div>