v-model实际上是个语法糖,由绑定value和input事件简写而来(其它表单输入则由其它事件和属性简写)
//html
<input type="text" :value="msg" @input="handleInput">
<div>您输入的是:{{msg}}</div>
//js
data:{
msg:""
},
methods:{
handleInput(e){
this.msg=e.data
}
}
v-model版
<input v-model="msg" placeholder="edit me">
<p>Message is: {{ msg }}</p>
所以v-model的本质还是单项数据流
网友评论