defineSlots

稳定性: 稳定

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

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

基本用法

vue

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

vue

<script setup lang="ts">
defineSlots
<{
  title
: (scope
: { text
: string }) => any
}>()
</script>

jsonc

// tsconfig.json
{
  "vueCompilerOptions": {
    "plugins": ["unplugin-vue-macros/volar"],
  },
}

最后编辑于大约 1 个月前

查看完整历史