Vue 3.3+（TypeScript）如何定义无参数的emit？

在 Vue 3.3 及以上版本的 <script setup lang="ts"> 中，要定义无需参数的 emit，只需在 defineEmits 的泛型类型里，将对应事件的类型设为**空元组 []**即可。

示例代码如下：

<script setup lang="ts">
const emit = defineEmits<{
  // 定义无参数的 emit 事件
  reset: []
  // 可同时保留带参数的事件示例
  change: [id: number]
}>()

// 使用时直接调用，无需传参
emit('reset')
</script>

这样定义后，TypeScript 会自动校验该事件的调用，确保不会传入多余参数。

内容的提问来源于stack exchange，提问作者PyKKe