从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的管理方式