Vue3 子组件向父组件传递消息（Events）

 子组件向父组件传递消息（Events）

子组件可以通过 $emit 触发事件，父组件可以监听这些事件并作出响应。

子组件：

<template><button @click="sendMessage">Send Message to Parent</button>
</template><script lang="ts" setup>
const emit = defineEmits(['message']);function sendMessage() {emit('message', 'Hello from Child!');
}
</script>

父组件：

<template><div><ChildComponent @message="handleMessage" /></div>
</template><script lang="ts" setup>
import ChildComponent from './ChildComponent.vue';function handleMessage(message: string) {console.log(message);
}
</script>