vue中子组件怎么向父组件传值

在 Vue 中，子组件向父组件传值需要使用自定义事件和 `emit` 方法。

首先，在子组件中定义一个方法，用于触发自定义事件并传递数据：

methods: {
  sendData() {
    this.$emit('customEvent', data)
  }
}

其中，`customEvent` 是自定义事件的名称，`data` 是要传递的数据。

然后，在父组件中，通过 `v-on` 指令监听子组件触发的自定义事件，然后在父组件的方法中接收传递过来的数据：

<template>
  <div>
    <child-component v-on:customEvent="handleCustomEvent"></child-component>
  </div>
</template>

<script>
  export default {
    methods: {
      handleCustomEvent(data) {
        // 处理接收到的数据
      }
    }
  }
</script>

其中，`handleCustomEvent` 方法是父组件中定义的方法，用于接收子组件传递过来的数据。在子组件中触发自定义事件时，父组件中的 `handleCustomEvent` 方法就会被调用，并将传递过来的数据作为参数传递给该方法。