1.数据响应原理
数据(model)改变驱动视图(view)自动更新
如上图所示:
我们有一份数据a.b 在vue对象实例化的过程中,通过defineProperty()
对a.b添加getter
和setter
方法,同时vue.js会对模板生成一条指令(Directive),每条指令又会关联一个Watcher.当重新对a.b重新赋值时,就会调用setter方法,收集依赖到watcher,watcher就会调用指令的update方法,更新Dom的a.b的值(指令本身就是dom对象的封装)
vue数据响应原理和组件化
最新推荐文章于 2024-07-27 17:42:52 发布