尤大Vue3.0直播虚拟Dom总结(和React对比)
Posted 前端末班车
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了尤大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了
点击左下角“阅读原文”。如有侵权,请联系删除
以上是关于尤大Vue3.0直播虚拟Dom总结(和React对比)的主要内容,如果未能解决你的问题,请参考以下文章