Vue 子组件传值到父组件：使用事件机制

在 Vue 中，子组件可以通过事件将数据传递给父组件。

1. 在子组件中，使用 $emit 方法触发一个自定义事件，并传递需要传递的数据：

this.$emit('eventName', data);

2. 在父组件中，使用 v-on 指令监听子组件触发的自定义事件，并在事件处理函数中获取子组件传递的数据：

<template>
  <div>
    <child-component v-on:eventName='handleEvent'></child-component>
  </div>
</template>

<script>
  export default {
    methods: {
      handleEvent(data) {
        // 处理子组件传递的数据
      }
    }
  }
</script>

在上面的代码中，子组件触发了一个名为 eventName 的自定义事件，并传递了数据 data。父组件使用 v-on 指令监听 eventName 事件，并在事件处理函数 handleEvent 中获取子组件传递的数据 data。

注意，eventName 和 handleEvent 是自定义的事件名和事件处理函数名，可以根据实际情况进行修改。