Vue3.0 性能提升主要是通过哪几方面体现的？

回顾 Vue2，我们知道每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把用到的数据 property 记录为依赖，当依赖发生改变，触发 setter，则会通知 watcher，从而使关联的组件重新渲染。Vue3 在编译阶段，做了进一步优化。主要有如下： • diff 算法优化：vue3 在 diff 算法中相比 vue2 增加了静态标记。 • 静态提升：Vue3 中对不参与更新的元素，会做静态提升，只会被创建一次，在渲染时直接复用。 • 事件监听缓存：默认情况下绑定事件行为会被视为动态绑定，所以每次都会去追踪它的变化。 • SSR 优化：当静态内容大到一定量级时候，会用 createStaticVNode 方法在客户端去生成一个 static node，这些静态 node，会被直接 innerHtml，就不需要创建对象，然后根 据对象渲染。