Vue父子组件数据双向绑定v-model

// 父组件
<template>
  <div id="app">
    <children v-model="flag"></children>
  </div>
</template>

<script>
import children from './test/children.vue';
export default {
  components: {
    children,
  },
  data() {
    return {
      flag: true,
    }
  },
}
</script>

// 子组件
<template>
  <div>
    <div>{{value}}</div>
    <button @click="click">plus-value</button>
  </div>
</template>

<script>
export default {
  props: ['value'],
  methods: {
    click() {
      this.$emit('input', !this.value);
    }
  }
}
</script>