Vite+Vue3+TS如何使用defineEmits

最新推荐文章于 2025-07-16 16:34:24 发布

原创最新推荐文章于 2025-07-16 16:34:24 发布 · 844 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js #typescript

本文详细解释了在使用Vite、Vue3和TypeScript时，如何正确地利用defineEmits进行事件定义和参数传递，提供了示例代码以帮助开发者理解和实践。

Vite+Vue3+TS如何使用defineEmits

诡异的写法┭┮﹏┭┮

TS中定义defineEmits写法如下：

e:对应的是事件名，后面value：对应的是传递的参数，后面可以传递N个参数，这里以一个参数为例。

const emits = defineEmits<{
    (e: "closeEvent", value?: any): void
    (e: "confirmEvent", value?: any): void
}>();

// 确定事件
const confirmEvent = (): void => {
    emits("confirmEvent")
}
// 关闭事件
const closeEvent = (): void => {
    emits("closeEvent")
}