Vue MacrosdefineSlots
稳定性：
稳定使用 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"
// ...更多功能
]
}
}