007 表单输入绑定

　　你可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是语法糖。她负责监听用户的输入事件来更新数据，并在某种极端场景下进行一些特殊处理。

　　<input v-model="message" placeholder="edit me"/>

　　<p>Message is : {{message}}</p>

　　data(){

　　　　return{

　　　　　　message:""

　　　　}

　　}

1、修饰符

　　.lazy

　　在默认情况下，v-vmodel在每次input事件触发后将输入框的值与数据进行同步。你可以添加lazy修饰符，从而转为在change事件之后进行同步

　　<input v-model.lazy="message"/>

　　<p>Message is :{{message}}</p>

　　data(){

　　　　return{

　　　　　　message:""

　　　　}

　　}

.trim

　如果要自动过滤用户输入的首尾空白符，可以给v-model添加trim修饰符

　　<input v-model.trim="message"/>

　　data(){

　　　　return{

　　　　　　message:""

　　　　}

　　}