从0开始学习VUE3--01-Vue2与Vue3的不同点
2022/5/3 6:13:02
本文主要是介绍从0开始学习VUE3--01-Vue2与Vue3的不同点,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
升级带来的性能提升总结
1.模板编译优化:节点达到一定个数,会自动优化
- 每次重新渲染,会调用createVnode创建虚拟节点,VUE3会做静态提升,静态节点进行提取,进行优化
2.事件
- 缓存事件,防止重新创建事件
3.响应式原理
- defineProperty 改为 proxy
4.Vue3 diff算法,可以根据patchFlag做diff Vue2是全量的diff,最长递增子序列算法
5.options Api改为 compositionApi
- 用起来比较方便,vue2一个功能要拆分到多个里面,但是composition更方便使用,抽离成一个函数
6.Fragment多个根节点的支持、Teleport Suspense keep-alive transition
7.Vue2 flow 改为 Vue3 TS
8.Vue3li 有自定义渲染器
- createRender()传入自己渲染的方法,根据Vue核心实现不同平台代码
9.代码管理升级
- monorepo的管理方式
这篇关于从0开始学习VUE3--01-Vue2与Vue3的不同点的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-27Vue2面试真题详解与实战教程
- 2024-12-27Vue3面试真题详解与实战攻略
- 2024-12-27JS大厂面试真题解析与实战指南
- 2024-12-27JS 大厂面试真题详解与实战指南
- 2024-12-27React 大厂面试真题详解及应对策略
- 2024-12-27Vue2 大厂面试真题详解及实战演练
- 2024-12-27Vue3 大厂面试真题详解及实战指南
- 2024-12-27Vue3大厂面试真题详解与实战攻略
- 2024-12-26React入门教程:从零开始搭建你的第一个React应用
- 2024-12-25Vue2入门教程:轻松掌握前端开发基础