v-modle的原理

v-modle本质上是语法糖, 既用v-bind:value绑定了数据, 又用v-on:input添加了一个事件监听

<input v-model="val"/>

等价于

<template>
    <input v-bind:value="val" v-on:input="getVal"/>
</template>

<script>
    export default{
        data(){
            return{
                val: ''
            }
        },
        methods:{
            getVal(e){
                this.val = e.target.value;
                console.log(this.val);
            }
        }
    }
</script>