(一)
A-)v-model是vue中 唯一实现 双向数据绑定 指令
B-)v-bind单向数据绑定,只是使得vue的数据渲染给页面元素,页面对其进行修改,vue不会感知到。
C-)v-model双向数据绑定,数据从vue里边渲染给页面,页面对其进行修改,这个修改后的数据还会被vue感知到,vue感知到变化后的数据还会重新渲染给页面。
(二)语法:
<标签 v-model="xxx"></标签>
注意:
v-model 只能 和 表单元素 配合使用(针对value属性起作用),具体为 input、select、textarea 等
v-model只能绑定vue的data成员,不能 绑定各种运算符的表达式 和 常量(例如 v-model="age+5"是错误的)。
(三)Dome:
A-)绑定文本框
B-)绑定多行文本框
C-)绑定单选框
D-)绑定下拉列表框
E-)绑定复选框
E-a-绑定一个复选框:
E-b-绑定多个复选框:
---v-model经常在面试时候提问v-model原理---