vue2父子组件双向绑定

在Vue.js 2中，父子组件之间的双向数据绑定可以通过使用`v-model`指令来实现。下面是一个示例：

父组件中的模板：

<template>
  <div>
    <input v-model="message" type="text">
    <child-component v-model="message"></child-component>
  </div>
</template>

父组件中的逻辑：

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

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

子组件中的模板：

<template>
  <div>
    <input v-model="value" type="text">
    <p>{{ value }}</p>
  </div>
</template>

子组件中的逻辑：

<script>
export default {
  props: ['value']
};
</script>

在这个示例中，父组件与子组件之间通过`v-model`进行双向数据绑定。父组件中的`message`数据通过`v-model`传递给子组件的`value`属性，子组件中的输入框修改后也会同步更新父组件中的`message`数据。