校招刷题群
高效刷题 迎战校招
校招精选试题
近年面笔经面经群内分享
Java刷题群 前端刷题群 产品运营群
首页 > js语言和框架 > 响应式原理-订阅、绑定和劫持
题目

v-model 实现原理 ?

解答

v-model只是语法糖而已;主要利用 :value 属性的绑定和 @input 事件的触发去实现的。给组件添加 v-model 属性时,默认会把 value 作为组件的属性,然后把 'input' 值作为给组件绑定事件时的事件名。

<!--二者等价-->
<input v-model="str" />

<input :value="str" @input="str=$event.target.value" />
<!--input 元素本身有个 oninput 事件,这是 HTML5 新增加的,类似 onchange ,每当输入框内
容发生变化时,就会触发oninput,把最新的value传递给 str。-->


C 0条回复 评论

帖子还没人回复快来抢沙发