v-model原理

49 阅读1分钟

<input type="text" v-model="message" /> 两个指令的集合

等同于 <input type="text" :value="message" @input="changeValue" /> changeValue (e) { this.message = e.target.value }

简写<input type="text" :value="message" @input="message = $event.target.value" />

  • :value="message" 使得外界改变message,input中的值变化
  • @input="message = $event.target.value" 使得input内容改变,message重新赋值