2021年，vue3

target[property] += value

}

})

2. Vue3.0 编译做了哪些优化？（底层，源码）

a. 生成 Block tree

• Vue.js 2.x 的数据更新并触发重新渲染的粒度是组件级的，单个组件内部 需要遍历该组件的整个 vnode 树。

**在2.0里，渲染效率的快慢与 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 组件大小成正相关：组件越大，渲染效率越慢。**并且，对于一些静态节点，又无数据更新，这些遍历都是性能浪费。

• Vue.js 3.0 做到了通过编译阶段对静态模板的分析，编译生成了 Block tree。

Block tree 是一个将模版基于动态节点指令切割的嵌套区块，每个 区块内部的节点结构是固定的，每个区块只需要追踪自身包含的动态节点。

所以，在3.0里，渲染效率不再与模板大小成正相关，而是与模板中动态节点的数量成正相关。