slot 插槽 ​

<template>
    <div>
        <slot name="test"></slot>
    </div>
</template>

<script lang="ts" setup>
    import { useSlots } from 'vue'

    // 获取所有插槽
    const slots = useSlots()
    // 动态标题
    const title = ref('我是一个动态标题')

    /**
     * @description 向test插槽传递一个动态的数据数据
     * @param slots 所有插槽
     * @param str 向哪个插槽传递数据
     * @param param 动态参数
    */
    getSlot(slots, 'test', title)

</script>

/**
 * @param slots 所有插槽
 * @param excludeKeys 需要拷贝的插槽名称
*/
extendSlots(slots: Slots, excludeKeys?: string[])

/**
 * @param rootComponentName 父组件名称
 * @param string 在哪个class中获取插槽
*/
getParentSlots(rootComponentName?: string, cls?: string)

// 使用
// 通过父组件的name获取
getParentSlots('DtTheme')

// 通过class名称获取
getParentSlots(null, 'test')