在 Vue 中，子组件向父组件传递数据可以通过自定义事件来实现。
下面是一种常见的方法：
在子组件中，使用 $emit 方法触发一个自定义事件，并传递要传递给父组件的数据作为参数。
代码语言：javascript复制<template>
<button @click="sendDataToParent">传递数据给父组件</button>
</template>
<script>
export default {
methods: {
sendDataToParent() {
const data = '这是子组件传递给父组件的数据';
this.$emit('custom-event', data);
}
}
}
</script>子组件中的 sendDataToParent 方法通过 $emit 触发了一个名为 'custom-event' 的自定义事件，并将数据 '这是子组件传递给父组件的数据' 作为参数传递给父组件。
在父组件中，使用 v-on 或简写的 @ 语法监听子组件触发的自定义事件，并在相应的处理函数中接收子组件传递的数据。
代码语言：javascript复制<template>
<div>
<child-component @custom-event="handleCustomEvent"></child-component>
<div>{{ receivedData }}</div>
</div>
</template>
<script>
import ChildComponent from './ChildComponent.vue';
export default {
components: {
ChildComponent
},
data() {
return {
receivedData: ''
};
},
methods: {
handleCustomEvent(data) {
this.receivedData = data;
}
}
}
</script>父组件通过使用 @custom-event 监听子组件触发的自定义事件，并在 handleCustomEvent 方法中接收子组件传递的数据。
父组件将接收到的数据设置为 receivedData 属性，然后可以在模板中进行显示或进一步处理。
