前言8月5日，Vue.js的作者游雨溪在博客上宣布Vue.js3.2正式发布。本文相关内容已翻译成中文。原文地址：https://blog.vuejs.org/posts/...我们很高兴地宣布“Vue.js3.2”发布！此版本包括许多重要的新功能和性能改进，并且不包含重大更改。SFC新特性关于单文件组件（SFC，即.vue文件）的两个特性已经正式从实验状态毕业，现提供稳定版：Coloris:{{color}}button{color:v-bind(color);}感兴趣的朋友，你可以阅读他们的文档：https://v3.vuejs.org/api/sfc-script-setup.htmlhttps://v3.vuejs.org/api/sfc-style.html#state-driven-dynamic-css在这个之上，我们还有一个新的RFC，它通过启用编译器糖来改进ref体验。Web组件Vue3.2引入了defineCustomElement，这是一种使用Vue组件API轻松创建原生自定义元素的新方法：import{defineCustomElement}from'vue'constMyVueElement=defineCustomElement({//CommonVuecomponentoptions})//注册自定义元素。//注册后，页面上的所有``标签//都会更新。customElements.define('my-vue-element',MyVueElement)此API允许开发人员创建Vue支持的UI组件库，这些组件可以与任何框架一起使用，或者根本没有框架。我们还在我们的文档中添加了一个关于在Vue中使用和创建Web组件的新章节。性能改进感谢@basvanmeurs的出色工作，3.2为Vue的反应性系统带来了一些重大的性能改进。具体来说：更高效的ref实现（读取速度提高约260%/写入速度提高约50%）依赖跟踪内存使用速度提高约40%模板编译器减少约17%模板编译器也得到了一些改进：普通元素VNode的创建速度提高了约200%更积极continuoushoisting1最后，有一个新的v-memo指令，它提供了记忆模板树的一部分的能力。这个命中让Vue不仅可以跳过虚拟DOM差异，还可以完全跳过新VNode的创建。虽然很少需要，但它提供了一个逃生舱口以在某些情况下发挥最大性能，例如大型列表。v-memov-for加上一行，让Vue成为最快的主流js-framework-benchmark框架一：服务器端渲染@vue/server-renderer3.2中的包现在提供了一个ES模块构建，也是与Node.js内置模块分开。通过这种方式，@vue/server-renderer可以用于在非Node.js环境（例如CloudFlareWorkers或ServiceWorkers）中运行。我们还改进了流式渲染API，使用新方法渲染到WebStreamsAPI。查看@vue/server-renderer的文档以获取更多详细信息。EffectScopeAPI3.2引入了一个新的EffectScopeAPI，用于直接控制反应效果（计算和观察者）的处理时间。它使得在组件上下文之外利用Vue的反应式API变得更加容易，并且还解锁了组件内部的一些高级用例。这是一个主要面向库作者的低级API，因此建议阅读此功能的RFC以了解此功能的动机和用例。有关3.2中所有更改的详细列表，请参阅完整的更改日志。大家好，我是星野。欢迎加我微信qqlcx55，或关注公众号前端有道点击扫码学习交流。
