Vue 3 中为插槽定义类型约束的核心方式是通过 defineComponent 的 slots 选项或 defineSlots 宏显式声明参数类型，支持默认、具名、作用域插槽，并可复用接口提升类型安全与可维护性。

在 Vue + TypeScript 项目中，为插槽（Slots）传递的数据定义类型约束，核心是通过 组件的类型声明 明确插槽函数的参数类型，尤其在使用具名插槽、作用域插槽（scoped slots）或 `` 内部接收 prop 的场景下。Vue 3 的组合式 API 和 `defineComponent` 配合 TypeScript 接口能精准约束。

使用 `defineComponent` + `slots` 类型声明（推荐 Vue 3）

Vue 3 的 `<script setup>` 中，可通过 `defineComponent` 的 `slots` 选项显式声明每个插槽接收的参数类型。TypeScript 会据此校验插槽内容中使用的变量类型。</script>

• 在组件内部（如 `MyList.vue`）用 `defineComponent` 声明 slots 类型：

```ts import { defineComponent } from 'vue'

export default defineComponent({ name: 'MyList', props: { items: { type: Array as PropType, required: true } }, slots: { // 默认插槽接收 item 和 index default: (props: { item: string; index: number }) => any, // 具名插槽 header 接收 title 字符串 header: (props: { title: string }) => any, // 可选插槽 footer 不强制传参 footer: (props?: { extra: boolean }) => any } })