vue自定义组件实现双向绑定

• father component

<template>
  <div>
    <ModelComp v-model="father"></ModelComp>
    <input type="text" v-model="father">
  </div>
</template>

<script>
import ModelComp from './modelComp'
export default {
  data () {
    return {
      father:''
    }
  },
  components:{
    ModelComp
  }
}
</script>

• son component

<template>
  <div>
    {{son}}
  </div>
</template>
<script>
export default {
  model: { prop: "son"},
  props:['son']
};
</script>

其实这就是父组件向子组件传值，然后它的好处就是不用关注子组件中的变量名