Vue-指令之v-model（双向数据绑定-05）

（一）

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原理---