vue3插槽传值

1.app.vue 代码

<template> 
    <h1>hellow word</h1>

    <button-butt type="blue">提交表单</button-butt>
    <button-butt type="green" size="big">错误提示</button-butt>
    <button-butt type="red" size="small">默认按钮</button-butt>
    <button-butt type="red" >
      <template v-slot:fent>
        <span>自定义loading.......</span>
      </template>
    </button-butt>

    
    <!-- 第一种
        一个插槽是不是只能插入一个跟标签？
        不是

        以下三个div 插入到哪个插槽中？
         全部匿名插槽中

    -->
    <child>
      <div class="header">希望添加到 solt header 位置</div>
      <div >希望添加到 solt 位置</div>
      <div class="footer">希望添加到 solt footer 位置</div>
    </child>

    <!-- 第二种：如何放到具名插槽中
        注意：组件包裹的标签顺序与书写无关，与slot的位置有关