vue3新特性

151 阅读1分钟

性能提升,更快

1、虚拟dom重写

期待更多的编译时提示来减少运行时开销,使用更有效的代码来创建虚拟节点
组件快速路径+单个调用+子节点类型检测

  1. 跳过不必要的条件分支
  2. JS引擎更容易优化

2、优化slots的生成

vue3可以单独重新渲染父级和子级

  1. 确保实例正确的跟踪依赖关系
  2. 避免不必要的父子组件重新渲染

3、静态树提升

内存换时间,静态节点用变量保存,并用'static'标记

4、静态属性提升

内存换时间,同上

5、基于proxy的响应式系统

组件实例初始化速度提高100%
使用Proxy节省以前一半的内存开销,加快速度,但是存在低浏览器版本不兼容
放弃IE

更小

摇树优化核心库体积

更好维护

TS、模块化

更加友好

跨平台,编译器核心和运行核心与平台无关,使得vue更容易适应任何平台

更容易使用

改进TS的支持,编辑器能提供类型检查和错误及警告 更好的调试支持 独立的响应式模块 composition API