在哪些具体维度上，Vue 3 相比 Vue 2 实现了性能的显著提升？
考察说明
考察对 Vue 3 核心性能优化机制的理解，包括编译、运行时和响应式系统的改进。
回答思路
- 【回答框架 1】编译阶段优化：Vue 3 编译器生成基于 PatchFlag 的优化树，能够动态追踪绑定的依赖，在 patch 时只更新动态节点，跳过静态子树，从而减少无效的虚拟 DOM diff 操作。
- 【回答框架 2】响应式系统重建：Vue 3 使用 Proxy 替代 Object.defineProperty，能够拦截属性的新增、删除和数组索引等更丰富的操作，并且通过 WeakMap 存储依赖，实现更精细的依赖追踪，减少不必要的触发更新。
- 【回答框架 3】运行时优化：v-model、v-if、v-for 等指令的编译输出更高效；通过 createVNode 和 render 函数的优化，减少了虚拟节点创建的 overhead；同时支持 Fragment 和 Teleport 等新特性，便于编译器利用静态提升（hoisting）。
- 【回答框架 4】静态树提升（hoisting）与静态属性提升：编译器会将静态节点提升到渲染函数之外，避免每次渲染都重新创建对象，降低内存和 GC 压力。
- 【回答框架 5】Tree-shaking 友好：Vue 3 的模块结构按需引入，核心库体积更小，打包后用户实际加载的 JavaScript 更少，间接提升首屏加载性能。
- 【关键点 1】编译器的 PatchFlag 动态追踪减少 diff 工作量。
- 【关键点 2】Proxy 响应式支持更全操作且依赖追踪更高效。
- 【关键点 3】静态提升与静态属性提升减少重复渲染开销。
- 【关键点 4】Tree-shaking 使打包体积更小，加载更快。
- 【易错点 1】误以为 Proxy 一定比 defineProperty 快，实际性能收益取决于使用场景和数据规模。
- 【易错点 2】忽略编译优化带来的收益，认为性能提升全靠运行时。
- 【易错点 3】夸大优化效果，实际应通过性能测试（如 benchmark）量化验证。