试题
考点

js语言和框架-vue.js-响应式原理-订阅、绑定和劫持

面5笔5

v-model 实现原理 ?

前往“校招VIP”小程序,刷题更快
最新校招难题刷题,快来进刷题群吧
解答

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。-->


文章链接

评论
暂无评论

加载更多