vue在初始化数据时候，data属性使用object.definePrototype重新定义所有的属性，当页面取到对应的属性，会进行依赖的收集，数据变化，watcher会检测到数据变化通知观察者，最终触发视图变化
image.png
数组更改数据方法
vue将data中的数组，进行原型链重写。指向了自己定义的数组原型方法，通过依赖更新对对应的数据。
image.png
vue异步渲染
性能考虑，vue是组件级更新，相同组件的watcher是一样的。
image.png
vue在初始化数据时候，data属性使用object.definePrototype重新定义所有的属性，当页面取到对应的属性，会进行依赖的收集，数据变化，watcher会检测到数据变化通知观察者，最终触发视图变化
image.png
vue将data中的数组，进行原型链重写。指向了自己定义的数组原型方法，通过依赖更新对对应的数据。
image.png
性能考虑，vue是组件级更新，相同组件的watcher是一样的。
image.png
本文标题：vue响应式数据原理
本文链接：https://www.haomeiwen.com/subject/wbxlbktx.html
网友评论