双向数据绑定 v-model

     一，Vue中使用v-model可以实现表单元素和数据之间的双向绑定，即修改表单的值，data中对应变量的值也会被修改。在data对应变量中修改值，被绑定的表单值也会被修改；所以称之为双向绑定。

  二 ， 实现案例

<template>
    <h3>双向数据绑定h3>
    <input type="text" v-model="msg"/>
    <div>{{ msg }}div>
template>
 
<script>
export default{
    data(){
        return{
            msg:""
        }
    }
}
script>

三，修饰符    lazy number trim

        1 ，lazy ：取消实时获取 只有当失去焦点的时候才会获取 

        2，number ：只能接收数字类型

        3 ，trim：取消前后空格

        如何使用 

v-model.修饰符  
比如
v-model.lazy