v-model本质

其实v-model的本质就是 v-bind:value和v-on:input的组合使用

<div id="app">
    <div>{{msg}}</div>
    <input type="text" v-bind:value="msg" v-on:input="handle">
</div>

<script>
    var vm = new Vue({
        el:"#app",
        data:{
            msg:"hello"
        },
        methods:{
            handle:function(event){
                this.msg = event.target.value
            }
        }
    })    
</script>                

 以上代码等价使用v-model指令