Vue 3.6 将带来这些重磅功能,更快、更强!
在不久前举办的 Vue Nation 大会上,Vue 作者尤雨溪分享了即将发布的 Vue 3.6 的新特性:
- Alien Signals 1.0 的集成(p2-p3):Vue 3.6 将 Alien Signals 1.0 移植到 v3.6 分支,重构了响应式系统,显著减少了依赖追踪的开销,降低了内存使用,提升了响应式数据追踪的性能。Alien Signals 作为独立库,允许开发者定义自己的响应式 API。Alien Signals 有潜力成为跨框架的信号实现基础,因为它能够在支持信号协议的同时提供最佳性能。
- Vapor 模式(实验性,p4):一种全新的编译策略,可选的替代虚拟 DOM,通过静态分析与动态优化生成更精简的运行时代码,减少 DOM 操作开销,尤其在高频更新场景下性能提升显著。Vapor 模式支持与现有虚拟 DOM 模式共存,允许开发者逐步迁移,仅对性能敏感部分进行优化。Vapor 模式通过懒加载 props 和优化组件实例化成本,显著提高了组件实例化的效率。在基准测试中,Vapor 模式能够在 100 毫秒内挂载 100000 个组件。
- 内部类型简化:Vue 3.6 将对 DefineComponent(最复杂的类型)类型进行简化,减少其复杂性。这一改进有助于提升 Vue 的类型推断性能,尤其是在大型项目中。
可以看到,Vue 3.6 主要是对性能的改进,通过以上这些功能,Vue 3.6 的性能将更上一层楼:
- S 级响应系统:得益于 Alien Signals 的集成,Vue 3.6 的响应系统将达到 S 级性能。
- S 级渲染系统:得益于 Vapor 模式的引入,Vue 3.6 的渲染系统将达到 S 级性能。
- 更小的打包体积:使用 createVaporApp 创建的应用基线大小不到 10KB。