Skip to content
页面导航

defineSlots

稳定性: 稳定

使用 defineSlots 可以在 <script setup> 中声明 SFC 中插槽的类型

在 Vue >= 3.3 中,此功能将默认关闭。

特性支持
Vue 3
Nuxt 3
Vue 2
Volar Plugin + Vue 3
Volar Plugin + Vue 2❌ (Volar 还不支持)

基本用法

vue
<script setup lang="ts">
defineSlots<{
  // 插槽名称
  title: {
    // 作用域插槽
    foo: 'bar' | boolean
  }
}>()
</script>

Volar 配置

jsonc
// tsconfig.json
{
  "vueCompilerOptions": {
    "target": 3, // Volar 暂不支持 2.7 版本
    "plugins": [
      "@vue-macros/volar/define-slots"
      // ...更多功能
    ]
  }
}