父子组件双向绑定的问题

Question

请问父子组件的值怎么双向绑定，子组件代码我简略了

父组件

<plants-select v-model="form.plantCode" />

子组件

<el-select clearable v-model="factoryId">
      <el-option v-for="item in factoryRole" :key="item.code" :label="item.name" :value="item.code"></el-option>
</el-select>
export default {
  data() {
    return {
      factoryId: '',
      factoryList: [{},{},{}]
    }
  },
  props: {
    value: {
      type: String,
      required: false
    }
  },
  methods: {
    handleChange(val) {
     
    }
  }
}

Answer 1

value树形是父组件传给子组件的属性值，
子组件通过input事件更改父组件v-model绑定的变量： this.$emit('input', '1')

Answer 2

`:childData.sync = 'fatherData'
vue.$emit('update:childData','111')`

Answer 3

.sync 修饰符实现了对一个 prop 进行“双向绑定”，当一个子组件改变了一个带 .sync 的 prop 的值时，这个变化也会同步到父组件中所绑定的值。