今天一早，游鱼溪在微博平台正式发布了Vue3.2，并表示：<脚本设置>+TS+Volar=真香Vue3.2版本包括许多重要的新特性和性能改进，但不包括主要变化。新的单文件组件功能：Coloris:{{color}}button{color:v-bind(color);}/style>网络组件Vue3.2引入了一种使用Vue组件API轻松创建原生自定义元素的新方法：defineCustomElementimport{defineCustomElement}from'vue'constMyVueElement=defineCustomElement({//此处为普通Vue组件选项})//注册自定义元素.//注册后，页面上的所有``标签//都会被升级。customElements.define('my-vue-element',MyVueElement)这个API允许开发者创建一个Vue库-poweredUI组件，可以与任何框架一起使用，或者根本没有框架。我们还在文档中添加了一个关于在Vue中使用和创建Web组件的新部分。性能改进感谢@basvanmeurs的出色工作，3.2为Vue的反应性系统带来了一些重大的性能改进。方法如下：更高效的ref实现（读取速度快260%/写入速度快50%）依赖跟踪速度快40%内存使用量减少17%模板编译器也得到了一些改进：创建普通元素VNode的速度快了大约200%更积极的持续改进[1][2]最后，有一个新的v-memo指令，它提供了记住模板树的一部分的能力。这个命中让Vue不仅可以跳过虚拟DOM差异，还可以完全跳过新VNode的创建。虽然很少需要，但它提供了一个逃生舱口以在某些情况下发挥最大性能，例如大型列表。v-memov-for单行添加，让Vue成为js-framework-benchmark:v-memo3.2中最快的主流框架v-memo服务端渲染包，现在提供了ES模块构建，也是分离出来的来自Node.js内置模块。这使得捆绑和使用非Node.js运行时成为可能，例如CloudFlareWorkers或ServiceWorkers。@vue/server-renderer@vue/server-renderer我们还改进了流式渲染API，使用新方法渲染到WebStreamsAPI。查看@vue/server-renderer的文档以获取更多详细信息。EffectScopeAPI3.2引入了一个新的EffectScopeAPI，用于直接控制反应效果（计算和观察者）的处理时间。它使得在组件上下文之外利用Vue的反应式API变得更加容易，并且还解锁了组件内部的一些高级用例。这是一个主要面向库作者的低级API，因此建议阅读此功能的RFC以了解此功能的动机和用例。有关3.2中所有更改的详细列表，请参阅完整的更改日志。
