虽然 Vue3 早已是 Vue 的默认版本，但还有大量用户、相关库、周边生态使用的是 Vue2。不过好消息是，Vue2.7 将会带着 Vue3 的很多特性到来。更多的新 API 支持、更好的 TS 类型支持，一起来看看吧～
更新内容在本周 Vue2 即将发布的最后一个次要版本 Vue2.7 中，Vue3 的很多功能将会向后移植到 Vue2.7 中，以便于 Vue2 的很多项目可以使用 Vue3 的一些很好用的新特性，比如：
组合式 API
单文件组件 <script setup>
CSS 中的 v-bind()
另外，还有其他一些 API 也将获得支持：
支持改进后的类型推导的 defineComponent()
支持 h(), useSlot(), useAttrs(), useCssModules()
set(), del() 和 nextTick() 在 ESM 构建模式中，也会被命名导出
支持 emits，但仅用作类型检查用途（不影响运行时行为）
另外，Vue2.7 还会在 <template> 模版表达式中支持 ESNext 语法，当使用 Webpack/Vite 之类的构建工具时，编译后的 render 函数会使用为 JS 文件配置的 loader/plugin。也就是说如果你为 JS 文件配置的 Babel 也适用于 <template> 模版中的表达式。
现在你终于可以在模版里面用可选链 formData?.userInfo?.userId，而不用写一堆 && ，也可以直接使用零合并操作符 ?? 来给变量赋一个默认值了，而不需要用可能导致 bug 的或 ||。
后续支持Vue2.7 预计将在六月底（本周）正式 release，这会是 Vue2 的最后一个次要版本。Vue2.7 正式发布后，Vue2 将不再接受新功能，并且将进入持续 18 个月的 LTS（长期支持）阶段。
推荐阅读
?JS 中强大的操作符，总有几个你没听说过
Vue 2.7 is Now in Beta! ? https://blog.vuejs.org/posts/vue-2-7-beta.html
最后如果你觉得这篇内容对你挺有启发，我想邀请你帮我个小忙：
点个「喜欢」或「在看」，让更多的人也能看到这篇内容
我组建了个氛围非常好的前端群，里面有很多前端小伙伴，欢迎加我微信「sherlocked_93」拉你加群，一起交流和学习
关注公众号「前端下午茶」，持续为你推送精选好文，也可以加我为好友，随时聊骚。
点个喜欢支持我吧，在看就更好了
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #Vue27 #即将发布支持组合式 #APIsetupcss #vbind #虽然 #Vue3 #早已是 #Vue
