vue数据双向绑定原理2019-08-05

Vue的双向数据绑定原理是通过数据劫持和发布-订阅模式实现的数据劫持是指在Vue实例化时,通过Object.defineProperty()方法对数据对象进行劫持,将数据对象的属性转化为getter和setter方法,当数据对象的属性被读取或修改时,会触发相应的getter和setter方法,从而实现对数据的监听和响应。

发布-订阅模式是指Vue实例化时,创建一个事件中心,用于管理数据对象和视图之间的通信。当数据对象的属性被修改时,会触发相应的setter方法,setter方法会通知事件中心,事件中心再通知所有订阅该属性的视图进行更新。

通过数据劫持和发布-订阅模式的结合,Vue实现了双向数据绑定,即当数据对象的属性被修改时,视图会自动更新;当视图中的表单元素被修改时,数据对象的属性也会自动更新。




 https://www.cnblogs.com/alongup/p/9022180.html
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容