v-model语法糖解析

  <!-- vue2原生组件 -->
  <input v-model="val">
  <input :value="val" @input="val = $event.target.value">

  <!-- vue2自定义组件 -->
  <myComponent v-model="val"></myComponent>
  <myComponent :value="val" @input="val = arguments[0]"></myComponent>
  <myComponent :value="val" @onUpdate:val="$event.target.value"></myComponent>

  <!-- vue3 compile 以后的结果 -->
  <myComponent v-model="val"></myComponent>
  h(Compile,{modelValue:val,'onUpdate:modelValue':value => (val => value)})

<!-- vue2原生组件 -->
<input v-model="val">
<input :value="val" @input="updateInput">
  
export default {
  props：{
    value:String
  },
  method:{
    updateInput(e) {
      this.$emit('input',e.target.value)
    }
  }
}