Vue 中 :bind和v-model的区别

:model
v-bind: model的简写,用于绑定model属性

v-model
用于表单中的input,它是一个语法糖,用于数据双向绑定;


例如:
<input v-model="message"> 等价于 <input v-bind:value="message" v-on:input="message = $event.target.value" />


上面这个例子中,v-bind:value="message" 只是将message变量的值赋给了input的value,并没有双向绑定,再此声明一下以防混淆

猜你喜欢

转载自blog.csdn.net/c2311156c/article/details/81509258
今日推荐