入门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的值就被改变
入门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的值就被改变