了解vue中的v-model,通俗易懂!

v-model是什么?

v-model 就是 vue 的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控件的值。

双向数据绑定的原理 :

双向数据绑定是通过 数据劫持 结合 发布订阅模式的方式来实现的，也就是说数据和视图同

步，数据发生变化，视图跟着变化，视图变化，数据也随之发生改变。

语法 : v-model='data数据变量'

适用: v-model适用于表单开发，自动获取用户输入或选择数据.

---

v-model修饰符

语法

v-model.修饰符="vue数据变量"

.lazy 在失去焦点时触发更改而非inupt时

.trim 去除首尾空白字符

.number   以parseFloat转成数字类型

---

v-model语法糖

v-model的写法简单,一个指令可以实现两个功能: 字传父 和父传子

子传父 : 父组件抛出一个input事件,子组件通过$emit()抛出事件

父传子 : 是将父组件input 的value属性传给子组件,子组件通过porps接收