vue中 v-model的原理

入门vue的过程中发现v-model的双向数据绑定很好用,查资料得知v-model不过是一个语法糖,具体示例如下

<input v-model="sth">

其实他相当于下面这个:

<input v-bind:value="sth" v-on:input="sth=$event.target.value">

自从html5开始input每次输入都会触发oninput事件,所以输入时input的内容会绑定到sth中,于是sth的值就被改变

猜你喜欢

转载自blog.csdn.net/ynd_sg/article/details/80051331