性能优化
-
object.defineProperty --> Proxy
-
virtual DOM重构(比2.5快一倍) 【和模版大小有关 --> 和模版内的动态内容数量相关】
-
传统:组件 update时,整个vdom树需要重新创建,然后遍历进行diff, update
-
新的更新策略: block tree
-
区分动态节点和静态节点
-
基于动态节点指令(v-if, v-for, {{ name }}等)更新
-
编译时优化
-
slot默认编译为函数
-
vnode的创建函数保持参数一致化
-
编译时生成vnode 的类型标记
api
-
撤销class API(更好的支持ts)
-
改用function-based API
-
-
对比react Hooks:
-
同样的逻辑组合、复用能力
-
只调用一次
-
符合js 直觉
-
没有闭包变量问题
-
没有内存/gc压力
-
不存在内联回调导致子组件永远更新的问题
-
-