Vue学习记录 v-model

151 阅读1分钟

v-model能够实现表单与数据的双向绑定

vue是单项数据流,v-model能够实现数据的双向绑定

因为v-model是个语法糖

<input :value="msg" @input="msg = $event.target.value" />

input 元素本身有个 oninput 事件,每当输入框内容发生变化,就会触发 oninput ,把最新的value传递给 msg

关于$event 在vue的文档中是这么描述的

在监听原生 DOM 事件时,方法以事件为唯一的参数。如果使用内联语句,语句可以访问一个 event 属性:v-on:click="handle('ok',event)"。