Vue 3.2有望提升速度

这个流行的JavaScript框架的最新更新为反应性系统带来了 "重大 "的性能改进。

Vue 3.2是流行的JavaScript框架的一个新版本，它提供了更好的性能，以及对单文件组件和网络组件的改进。Vue 3.2于8月5日发布。

随着升级，旨在简化状态管理的Vue的反应性系统获得了更有效的ref ，更快的依赖性跟踪，以及更低的内存使用。模板编译器的性能也得到了改善，可以更快地创建Vnodes（虚拟节点）。一个新的v-memo 指令提供了对模板树的一部分进行 "备忘 "的能力。一个v-memo ，让Vue可以完全跳过虚拟DOM扩散和新Vnodes的创建。这种能力可以提高某些场景下的性能，比如大型v-for 列表。

对于Web组件，Vue 3.2引入了一种defineCustomElement 方法，以使用Vue组件API创建本地自定义元素。开发者可以建立由Vue驱动的UI组件库，可以用于任何框架或根本没有框架。

对于单文件组件（SFC），也被称为".vue "文件，有两个功能已经从实验状态升级为稳定状态。<script setup>一个是编译时语法糖，以改善在SFC内使用Composition API时的人机工程学；另一个是<style> v-bind ，在SFC的<style> 标签中实现组件状态驱动的动态CSS值。

Vue的安装说明可以在v3.vjs.org找到。Vue 3.2的其他新特性：

• 对于服务器端渲染，@vue/server-renderer包提供了一个ES模块构建，它与Node.js内建模块解耦，使得捆绑和使用@vue/server-renderer在非Node.js运行时（如Cloudflare Workers或Service Workers）内使用成为可能。流式渲染API也得到了改进，为Web Streams API提供了新方法。
• 引入了Effect Scope API来控制反应性效果（计算和观察者）的处理时间，使其更容易利用Vue反应性API脱离组件上下文，并在组件内释放一些高级用例。这个低级别的API主要是为库作者准备的。该功能的RFC涵盖了动机和用例。

Vue 3.2还包含一些错误修复。尽管对公共API没有突破性的改变，但有一些与兼容性相关的说明。例如，由于使用了新的运行时助手，Vue 3.2及以后版本的模板编译器生成的代码将与以前的运行时版本不兼容。Vue 3.2的完整更新日志可以在GitHub上找到。