1. 首页
  2. 编程面试题
  3. 前端
  4. Vue

v-model的原理是什么



js
1、v-model主要提供了两个功能,view层输入值影响data的属性值,属性值发生改变会更新层的数值变化.
2、v-model指令的实现:
v-bind:绑定响应式数据
触发input事件并传递数据 (核心和重点)
3、其底层原理就是(双向数据绑定原理):
一方面modal层通过defineProperty来劫持每个属性,一旦监听到变化通过相关的页面元素更新。
另一方面通过编译模板文件,为控件的v-model绑定input事件,从而页面输入能实时更新相关data属性值。

发布者:admin,如若转载,请注明出处:https://ai1024.vip/39338.html

QR code
//