vue2 子组件向父组件传值

在Vue.js 2.x版本中，子组件向父组件传递数据通常通过props（属性）的方式进行。以下是步骤：

1. **父组件模板中接收属性**：在父组件的`<template>`标签内，通过`v-bind`或者简写`:`将子组件需要传递的属性绑定到父组件的一个变量上，如：

   <child-component :value="parentValue" />

2. **父组件定义props**：在父组件的`<script>`部分定义接收到的属性，指定其类型和默认值，如果不需要默认值可以省略：

   export default {
     components: { ChildComponent },
     data() {
       return {
         parentValue: ''
       };
     }
   };

3. **子组件发送值**：子组件通过`emit`事件触发这个变化，并附带想要传递的数据：

   this.$emit('update:parentValue', newValue);

这里的`update:parentValue`是一个自定义的事件名，`parentValue`是父组件定义的prop名称。

4. **父组件监听子组件更新**：在父组件中，可以在`methods`或`watch`中监听子组件触发的事件并处理数据的变化：

   methods: {
     handleParentUpdate(value) {
       this.parentValue = value;
     }
   },
   // 或者使用 watch
   watch: {
     'parentValue'(newValue) {
       // 父组件在这块处理接收到的新值
     }
   }