加入星计划,您可以享受以下权益:

  • 创作内容快速变现
  • 行业影响力扩散
  • 作品版权保护
  • 300W+ 专业用户
  • 1.5W+ 优质创作者
  • 5000+ 长期合作伙伴
立即加入
  • 正文
  • 相关推荐
  • 电子产业图谱
申请入驻 产业图谱

v-model双向绑定原理

2021/04/18
4019
阅读需 1 分钟
加入交流群
扫码加入
获取工程师必备礼包
参与热点资讯讨论

硬件型号:戴尔 Latitude 5320

系统版本:Windows10
 

v-model本质上是 :value和v-on的结合体,就是绑定他的value,通过v-on触发,从而更新数据。双向绑定得的实现主要依赖于Object.defineProperty(),通过这个函数可以监听到get,set事件。

 

其中observer是最主要的部分,用Object.defineProperty来实现数据的劫持,然后用他的set,get方法来通知订阅者,触发update方法,从而实现更新视图。

相关推荐

电子产业图谱