vue组件更新的原理和机制，优化更新性能

一个小前端007
66 阅读1分钟

一个显示倒计时的案例
image.png

image.png

解决

image.png
第一点中如果是ref的响应式数据，那么当前组件数据将其传递的时候，当前组件也会被依赖收集，加入到这个数据的专属dep对象中

原理

image.png

image.png

比对的策略

image.png

虚拟dom是内存的一个数组，可以理解为一个js对象，约等于 image.png

总结

image.png

avatar
文章
阅读
粉丝