首页 > 其他分享 >Vue的双向绑定原理

Vue的双向绑定原理

时间:2022-09-19 14:58:21浏览次数:59  
标签:Vue MVVM 绑定 视图 双向 数据

只是储备:什么是MVVM模式,和MVC的区别?

MVVM 是模型-视图-视图模型,Vue和React都在使用MVVM模式,vm是v和m的桥梁,view页面和m模型数据之间通过vm是存在双向联系的; vue实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的

 

vue数据的双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。其核心就是通过Object.defineProperty()方法设置set和get函数来实现数据的劫持,在数据变化时发布消息给订阅者,触发相应的监听回调。也就是说数据和视图同步,数据发生变化,视图跟着变化,视图变化,数据也随之发生改变;

标签:Vue,MVVM,绑定,视图,双向,数据
From: https://www.cnblogs.com/zhulongxu/p/16707642.html

相关文章