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

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

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

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

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

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

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

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

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

需要注意的是，在 Vue 2.x 中，父组件通过 `props` 将数据传递给子组件，子组件通过 `$emit` 事件将数据传递给父组件，这两种方式结合使用可以完成父子组件之间的双向数据绑定。