Vue3性能提升

vue3性能提升

编译阶段

diff算法优化

标记需要更新的节点

静态提升

不会被更新的节点通过静态提升的方式缓存下来复用

事件监听缓存

SSR优化

静态内容到一定体积会生成静态节点，直接通过innerHTML进行渲染

源码体积

体积更小 方法支持tree shaking

响应式系统

通过Proxy监听，而不是深度遍历

• 避免了遍历生成响应式
• 递归生成深度响应性
• 不用重写数组方法，可以监听到数组索引和长度变化

新API带来的性能优势

使用WeakMap管理全局依赖

mixin的缺点

• 命名冲突
• 数据来源不清晰