vue 子组件如何向父组件传值

在 Vue 中，子组件向父组件传值可以通过使用事件来实现。具体步骤如下：

1. 在子组件中定义一个方法，该方法用于触发一个自定义事件，并将需要传递的值作为参数传递给该事件。

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

2. 在父组件中使用子组件，并在子组件中绑定自定义事件。

<child-component @eventName="handleData"></child-component>

3. 在父组件中定义一个方法，该方法用于接收子组件传递的值。

methods: {
  handleData(data) {
    // 处理子组件传递的数据
  }
}

在子组件中触发自定义事件后，父组件中定义的 handleData 方法会被调用，并且子组件传递的数据会作为参数传递给该方法。这样就完成了子组件向父组件传值的操作。