<input v-model="inputValue" />
<input :value="inputValue" @input="inputValue = $event.target.value" />
第二行是第一行的语法糖。
原生JS实现v-model
<body>
<input type="text" id="inputModel">
<p id="p"></p>
</body>
<script>
let input = document.querySelector('#inputModel')
let p = document.querySelector('#p')
let obj = {}
input.oninput = function(e){
obj.text = e.target.value
}
Object.defineProperty(obj,'text',{
get:function(val){
return val
},
set:function(val){
p.innerHTML = val
}
})
</script>