vu e2子给父组件传值

在Vue 2中，父子组件之间的数据传递主要有以下几种方式：

1. Props（属性）：父组件通过props向子组件传递数据。父组件将需要传递的数据作为属性名，子组件在其模板中通过props接收这个值。例如：

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

<script>
export default {
  data() {
    return { parentValue: 'from parent' };
  },
};
</script>

这里的`:value`就是动态绑定的prop名称。

2. $emit（自定义事件）：子组件可以触发一个自定义事件，并将数据作为参数传递给父组件，父组件通过监听这个事件来处理数据。例如：

<template>
  <button @click="$emit('updateParentValue', newValue)">点击更新值</button>
</template>

<script>
export default {
  methods: {
    updateParentValue(newValue) {
      this.$emit('updateParentValue', newValue);
    }
  }
};
</script>

然后在父组件中接收并处理这个事件：

<template>
  <child-component @updateParentValue="handleUpdate"></child-component>
</template>

<script>
methods: {
  handleUpdate(value) {
    this.parentValue = value;
  }
}
</script>