获得徽章 7
赞了这篇沸点
赞了这篇沸点
【vue3-element-admin】Vue3 + Vite4 + TypeScript5 + Element-Plus + 从0到1搭建企业级后台管理系统（前后端开源）。在线预览：
vue3.youlai.tech
vue3.youlai.tech 
1
6
赞了这篇文章
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
赞了这篇沸点
赞了这篇沸点
![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
，datacap 使用的 openai 依赖已经完全切换到 openai-java-sdk
赞了这篇文章
赞了这篇文章
#每日快讯# Vue3 Diff算法和 Vue2 的区别
我们知道在数据变更触发页面重新渲染，会生成虚拟 DOM 并进行 patch 过程，这一过程在 Vue3 中的优化有如下
编译阶段的优化：
事件缓存：将事件缓存(如: @click)，可以理解为变成静态的了
静态提升：第一次创建静态节点时保存，后续直接复用
添加静态标记：给节点添加静态标记，以优化 Diff 过程
由于编译阶段的优化，除了能更快的生成虚拟 DOM 以外，还使得 Diff 时可以跳过"永远不会变化的节点"，Diff 优化如下
Vue2 是全量 Diff，Vue3 是静态标记 + 非全量 Diff
使用最长递增子序列优化了对比流程
根据尤大公布的数据就是 Vue3 update 性能提升了 1.3~2 倍
我们知道在数据变更触发页面重新渲染，会生成虚拟 DOM 并进行 patch 过程，这一过程在 Vue3 中的优化有如下
编译阶段的优化：
事件缓存：将事件缓存(如: @click)，可以理解为变成静态的了
静态提升：第一次创建静态节点时保存，后续直接复用
添加静态标记：给节点添加静态标记，以优化 Diff 过程
由于编译阶段的优化，除了能更快的生成虚拟 DOM 以外，还使得 Diff 时可以跳过"永远不会变化的节点"，Diff 优化如下
Vue2 是全量 Diff，Vue3 是静态标记 + 非全量 Diff
使用最长递增子序列优化了对比流程
根据尤大公布的数据就是 Vue3 update 性能提升了 1.3~2 倍
展开
评论
点赞
赞了这篇文章
赞了这篇文章
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)