学习前端最重要的就是用户交互体验，当用户在页面操作时，页面能根据用户操作从而进行对应的页面更新,其中，表单数据的接收、更改极为重要，直接影响用户需求...
在vue中，v-model可以很好的实现数据双向绑定，从而做到数据改变影响视图，视图内容发生改变影响数据。
语法:v-model="vue数据变量"
作用:用于表单标签收集用户输入数据内容
注意：复选框里面的v-model 如果 它的属性值给的是字符串 收集到的是Boolean
复选框里面的v-model 如果 它的属性值给的是数组 收集到的是value
本质:属性绑定value 事件绑定input
v-model实现组件上面的数据双向绑定的原理:
在父组件中找到子组件,在子组件标签上面使用 属性绑定的方式将父组件里面的数据传递给子组件.
在子组件使用props接收父组件传递的数据
在子组件使用:value="props变量"
在子组件里面使用事件绑定 @input="函数名"
在子组件中使用this.$emit('input',e.target.value)
v-model修饰符：配合v-model使用，效果极佳
.number 以parseFloat转成数字类型
.trim 去除首位空白字符
.lazy 在change时触发而非input时
语法:v-model.修饰符="vue数据变量"
