1.采用数据劫持结合发布者-订阅者模式。
2.有3个模块:发布者(Observer),编译器(Compile),订阅者(Watcher)
3.首先,发布者通过object.defineProperty定义了getter方法,用来添加订阅者;通过定义setter方法,用来劫持数据,若数据改变,则通知(notify)他的订阅者数据已变化;
4.订阅者收到发布者的数据变化信息,调用自己的update方法更新自己的数据,并触发编译器更新视图;
5.编译器的作用是解析模板指令,将模板中的变量替换成数据,更新视图
vue双向绑定原理
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。