作用：用于子组件中触发父组件方法并传值
使用：
//子组件中
<template>
<button @click="handleChildEvent">子组件中触发的事件</button>
</template>
<script>
export default {
name:'ChildComponent',
methods: {
handleChildEvent() {
// 触发自定义事件，并传递数据给父组件
this.$emit('parent-event', 'Hello, World!');
}
}
}
</script>
//父组件中
<child-component @parent-event="handleParentEvent"/>
<script>
export default {
name: 'ParentComponent',
// 注册子组件
components: {
ChildComponent
},
methods: {
handleParentEvent(data) {
// 处理自定义事件的逻辑
console.log(data); // 输出：'Hello, World!'
}
}