Vue2.7 即将发布!支持组合式 API、setup、css v-bind
虽然 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」拉你加群,一起交流和学习
关注公众号「前端下午茶」,持续为你推送精选好文,也可以加我为好友,随时聊骚。