vue 3.0新特性

性能优化

• object.defineProperty --> Proxy

• virtual DOM重构（比2.5快一倍） 【和模版大小有关 --> 和模版内的动态内容数量相关】

1. 传统：组件 update时，整个vdom树需要重新创建，然后遍历进行diff, update

2. 新的更新策略： block tree

1. 区分动态节点和静态节点

2. 基于动态节点指令（v-if, v-for， {{ name }}等）更新

• 编译时优化

1. slot默认编译为函数

2. vnode的创建函数保持参数一致化

3. 编译时生成vnode 的类型标记

api

• 撤销class API(更好的支持ts)

• 改用function-based API

• • 对比react Hooks:

  1. 同样的逻辑组合、复用能力

  2. 只调用一次

     1. 符合js 直觉

     2. 没有闭包变量问题

     3. 没有内存/gc压力

     4. 不存在内联回调导致子组件永远更新的问题