基础形式

子组件

const emits = defineEmits(['name'])//触发emits事件
const eventButton = () => {emits('name')
}

父组件

<script>
const handleName = () =>{
}
</script>
<template><ComponentName @name="handleName" />
</template>

传值

子组件

const emits = defineEmits(['name'])//触发emits事件
const eventButton = () => {emits('name',{child1:1,child2:2})
}

父组件

<script>
const handleName = (num) =>{console.log(num.child1)console.log(num.child2)
}
</script>
<template><ComponentName @name="handleName" />
</template>