v-model 其实就是一个语法糖,它的背后本质包含两个操作:
- v-bind 绑定一个value属性
- v-on 给当前元素绑定input事件
也就是说下面的代码等同于下面的代码:
<input type="text" v-model="message">
等同于
<input type="text" v-bind:value="message" v-on:input="message = $event.target.value">
v-model 其实就是一个语法糖,它的背后本质包含两个操作:
- v-bind 绑定一个value属性
- v-on 给当前元素绑定input事件
也就是说下面的代码等同于下面的代码:
<input type="text" v-model="message">
等同于
<input type="text" v-bind:value="message" v-on:input="message = $event.target.value">