vue3.2之defineEmits

目录

一、js写法

二、ts写法（类型声明）

---

一、js写法

<script setup>
const emits = defineEmits(["onClick", "onChange"])

const onClick = () => {
    emits("onClick", 1) // 参数二是传值给父组件
}
const onChange= () => {
    emits("onChange")
}
</script>

二、ts写法（类型声明）

<script setup lang="ts">
const emits = defineEmits<{
    (e: 'onClick', data: number): void, // e:事件名、data:你要传给父组件的值,并且给定类型、void: 表示这个函数无返回
    (e: 'onChange'): void,
}>()

const onClick = () => {
    emits("onClick", 1)
}
const onChange= () => {
    emits("onChange")
}
</script>