Vue中使用v-model指令来实现表单元素和数据的双向绑定
原理
V-model其实是一个语法糖,它背后本质是包含两个操作:
1、v-bind绑定一个value属性
2、v-on指令给当前元素绑定input事件
<input type="text" v-model="message"/>
等同于
<input type="text" v-bind:value="message" v-on:input="message = $event.target.value">
Vue中使用v-model指令来实现表单元素和数据的双向绑定
原理
V-model其实是一个语法糖,它背后本质是包含两个操作:
1、v-bind绑定一个value属性
2、v-on指令给当前元素绑定input事件
<input type="text" v-model="message"/>
等同于
<input type="text" v-bind:value="message" v-on:input="message = $event.target.value">