Vue中v-model的实现原理

v-model用于表单数据的双向绑定，
其实它的本质就是一个语法糖（简化写法），它的实现原理是：
    1.v-bind绑定一个value属性
    2.v-on指令给当前元素绑定input事件
 

写个小例子：

<div id="app">
        <!-- v-model
            是简化写法（语法糖）
            特点：双向数据绑定 
        -->
        {{msg}}
        <input type="text" v-model="msg">
        <!-- $event事件对象 e.target.value -->
        <input :value="msg" @input="msg=$event.target.value">

    </div>
<script>
    new Vue({
        el:"#app",
        data:{
            msg:"abc"
        }
    });
</script>