vue2 父组件改变子组件的值

在 Vue2 中，父组件可以通过 v-model 指令将数据双向绑定到子组件上，从而实现改变子组件的值。具体操作如下：

1. 在子组件中定义一个 prop，用于接收父组件传递的数据。

<!-- 子组件 -->
<template>
  <div>
    <input type="text" :value="value" @input="updateValue" />
  </div>
</template>

<script>
export default {
  props: {
    value: String
  },
  methods: {
    updateValue(event) {
      this.$emit('update:value', event.target.value);
    }
  }
};
</script>

2. 在父组件中使用 v-model 指令将数据绑定到子组件的 prop 上。

<!-- 父组件 -->
<template>
  <div>
    <child-component v-model="parentValue"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

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

这样，当父组件中的 `parentValue` 发生变化时，子组件中的 `value` prop 也会相应地更新。