千锋教育-做有情怀、有良心、有品质的职业教育机构
1、v-model指令的作用vue中的v-model指令是完成双向绑定的,用在表单元素上。双向绑定就是M会影响V。V也会影响M。即:能将页面上输入的值同步更新到相关绑定的data属性,也会在更新data绑定属性时候,更新页面上输入控件的值。
2、v-model的原理,v-model指令是一个语法糖,是属性绑定和事件的语法糖。
vue会根据不同的表单元素使用不同的属性和事件。
如下:
- text 和 textarea 元素使用 value property 和 input 事件;
- checkbox 和 radio 使用 checked property 和 change 事件;
- select 字段将value作为prop并将change作为事件。
以文本框为例剖析原理,以下是代码:
相关推荐