性能优化
启动速度更快,打包后文件体积更小
diff算法优化,更新DOM速度更快
缓存机制,事件监听器缓存减少不必要的更新
编译优化,重写虚拟DOM的实现
tree-shaking支持,移除无用代码
新增特性
Composition API,更灵活的逻辑复用
setup()入口函数
ref() 和 reactive()
新组件:Fragment、Teleport、Suspense
全局API的tree-shaking
新内置组件:TransitionGroup、Transition、KeepAlive
全局API的强类型声明
提升可维护性
更好的TypeScript支持
移除过滤器filter
事件API标准化
异步组件API标准化
支持在模板中使用JSX
更好的可扩展性
- 自定义渲染器API
- Directive和Component的强类型声明
- 面向IDE和工具的重构
- SFC CSS变量块作用域约定
对IE11的支持取消
- 指向Web标准化的发展方向
大多数第三方库需要适配
- 生态需要一定迁移成本
总的来说,Vue3在性能、功能、可维护性各个方面都有很大的提升,是一次颠覆性的升级。
