vue的双向绑定的原理
1、双向绑定实现的数据和模板相互影响的效果,任何一方发生变化另一方就会更新;
2、virturl DOM 和数据管理方式,前者模板管理,后者是数据管理
原理:
1、vue框架包括view视图层,model数据层,ViewModel控制层 ,mvvm就是将试图和数据关联起来
2、职责就是数据变化通知视图更新,视图变化后更新数据
3、对应两个组成模块
(1)监听器 Observer 观察数据的变化,并通知视图更新
有两个部分组成 观察者模式和数据劫持
观察者模式:由发布者和订阅者组成,前者发布通知变化,后者负责订阅需要关注的变化 二者是独立存在的,需要一个消息队列
数据劫持:Object.defineProperty 来实现,为数据的每个属性更新关联观察者
(2)解析器 Compiler :观察UI的交互 并同步数据
定义了这两个模块就实现了双向绑定
4、模板解析
component 解析
Vue的双向绑定原理
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。