vlambda博客
学习文章列表

尤大Vue3.0直播虚拟Dom总结(和React对比)

Vue3.0虚拟Dom总结:

优势总结:

静态标记,upadte性能提升1.3~2倍,ssr提升2~3倍

静态标记:

引入_createVNode方法,根据text,props等不同的标记,这样再diff的时候,只需要对比text或者props,不用再做无畏的props遍历, 如果同时有props和text的绑定呢, 做位运算组合。


事件缓存:传入的事件会自动生成并缓存一个内联函数再cache里,变为一个静态节点。这样就算我们自己写内联函数,也不会导致多余的重复渲染


vdom对比:

Vue2.x引入vdom,控制了颗粒度,组件层面走watcher通知, 组件内部走vdom做diff,既不会有太多watcher,也不会让vdom的规模过大,内部的自己diff管理了

Vue3通过Proxy响应式+组件内部vdom+静态标记,把任务颗粒度控制的足够细致,所以也不太需要time-slice了



点击左下角“阅读原文”。如有侵权,请联系删除