v-model 原理就 v-bind动态绑定value + v-on绑定input事件 是这两个事件的语法糖
<template>
<div>
<input type="text" :value="msg" @input="inputFn"/>
<div>{{msg}}</div>
</div>
</template>
<script>
export default {
name:'model',
data(){
return{
msg:'',
}
},
methods:{
inputFn(ev){
this.msg = ev.target.value
}
}
</script>