vue子组件传父组件

可以通过在子组件中使用 $emit 方法来向父组件传递数据。具体步骤如下：

在子组件中定义一个方法，用于触发 $emit 方法：

methods: {
  handleClick() {
    this.$emit('eventName', data)
  }
}

其中，eventName 是事件名称，可以自定义，data 是要传递的数据。

在父组件中使用子组件，并监听子组件触发的事件：

<template>
  <div>
    <child-component @eventName="handleEvent"></child-component>
  </div>
</template>

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

其中，handleEvent 是父组件中定义的方法，用于接收子组件传递过来的数据。在子组件中，通过 $emit 方法触发事件，父组件监听该事件，并调用 handleEvent 方法，从而获取子组件传递过来的数据