组件v-model实现数据双向绑定

组件v-model实现数据双向绑定

方法一

定义一个父组件

<template>
  <div>
    <p>{
   {
    childvalue }}</p>
    <child v-model="childvalue" />
  </div>
</template>

<script>
import child from './child.vue'
export default {
   
  components: {
   
    child1
  },
  data() {
   
    return {
   
      childvalue: '值'
    }
  },
  watch: {
   
    childvalue()