Vue2.7 本周发布？支持组合式 API、setup、css v-bind

大家好，我是若川。持续组织了近一年的源码共读活动，感兴趣的可以 点此加我微信ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北籍前端群，可加我微信进群。

虽然 Vue3 早已是 Vue 的默认版本，但还有大量用户、相关库、周边生态使用的是 Vue2。不过好消息是，Vue2.7 将会带着 Vue3 的很多特性到来。更多的新 API 支持、更好的 TS 类型支持，一起来看看吧～

更新内容

7b619e466a01a484032204e5c59919f3.png

在本周 Vue2 即将发布的最后一个次要版本 Vue2.7 中，Vue3 的很多功能将会向后移植到 Vue2.7 中，以便于 Vue2 的很多项目可以使用 Vue3 的一些很好用的新特性，比如：

  1. 组合式 API

  2. 单文件组件 <script setup>

  3. CSS 中的 v-bind()

另外，还有其他一些 API 也将获得支持：

  1. 支持改进后的类型推导的 defineComponent()

  2. 支持 h(), useSlot(), useAttrs(), useCssModules()

  3. set(), del() 和 nextTick() 在 ESM 构建模式中，也会被命名导出

  4. 支持 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（长期支持）阶段。

推荐阅读

  1. ?JS 中强大的操作符，总有几个你没听说过

  2. Vue 2.7 is Now in Beta!   https://blog.vuejs.org/posts/vue-2-7-beta.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/274616.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

linux中用户忘记root的密码--ubuntu版本

linux中用户忘记root的密码--ubuntu版本

基于ubuntu操作系统的情况&#xff0c;当用户忘记root密码后&#xff0c; 在普通用户登陆后 输入sudu su root 之后系统要求输入当前用户的密码&#xff0c;用户输入密码后&#xff0c;就可以进入root的模式了 就可以操作任何任务。转载于:https://www.cnblogs.com/zhengyn/arc…
阅读更多...
马上7月，诚邀新老朋友参加近5000人的源码共读活动！

马上7月，诚邀新老朋友参加近5000人的源码共读活动！

大家好&#xff0c;我是若川。最近有不少新朋友关注我。诚邀各位新老读者朋友参加源码共读活动。活动介绍可以点击文末的阅读原文。https://juejin.cn/post/7079706017579139102很多人关注我的公众号是因为我写了一系列源码文章&#xff0c;想参与源码共读活动。虽然现在有近50…
阅读更多...
hashmap 从头到尾_如何从头到尾设计一个简单的复古徽标

hashmap 从头到尾_如何从头到尾设计一个简单的复古徽标

hashmap 从头到尾在纸上素描粗糙的概念 (Sketch rough concepts on paper) Start by sketching out a few ideas for your logo on paper. These don’t have to be detailed drawings. Instead, it’s about getting your ideas out quickly. In this early stage, you can ex…
阅读更多...
（转）android技巧01：Preferencescreen中利用intent跳转activity

（转）android技巧01：Preferencescreen中利用intent跳转activity

原文连接&#xff1a;http://blog.csdn.net/xianming01/article/details/7543464 设置中的Preferencescreen不仅可以作为设置界面显示&#xff0c;而且还能够启动activity&#xff0c;下面主要是对启动activity的介绍1. Preferencescreen中启动activity 例如wireless_setting.x…
阅读更多...
Vue 2.7 正式发布，代号为 Naruto

Vue 2.7 正式发布，代号为 Naruto

大家好&#xff0c;我是若川。持续组织了近一年的源码共读活动&#xff0c;感兴趣的可以 点此加我微信ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…
阅读更多...
js设置css色相旋转_色相旋转颜色方案是否保留了对色盲友好的能力？

js设置css色相旋转_色相旋转颜色方案是否保留了对色盲友好的能力？

js设置css色相旋转Hue rotation is often an easy way to change the appearance of a plot or figure without the need to create a new colour bar. However, when dealing with colourblindness, it is important to ensure that the spacing between colours is sufficien…
阅读更多...
Tyvj 1921 Freda的烦恼

Tyvj 1921 Freda的烦恼

我就不说是CF hot days 原题了&#xff0c;我会告诉你使用Math库是因为一开始偷懒不想写Min函数么- 1 Uses math;2 Var n,m,i,t,tt,x,cost,ans,tmp:qword;3 Function min(x,y:qword):qword;4 Begin5 if x>y then exit(y);6 exit(x);7 end;8 Begin9 readln(n,m);10 …
阅读更多...
ux设计中的各种地图_在UX设计中使用阿拉伯语

ux设计中的各种地图_在UX设计中使用阿拉伯语

ux设计中的各种地图Last year I got to work on an app that was ultimately going to be deployed globally in every market and every language including RTL (Right-to-Left) languages — with a specific focus on Arabic.去年&#xff0c;我开始致力于开发一个应用程序…
阅读更多...
如何为前端项目一键自动添加eslint和prettier的支持

如何为前端项目一键自动添加eslint和prettier的支持

本文来自读者那个曾经的少年回来了 写的源码共读35期笔记文章&#xff0c;授权投稿&#xff0c;写的真好。本文参加了由公众号若川视野 发起的每周源码共读活动&#xff0c;点此加我微信 ruochuan12 了解详情一起参与。本文属于源码共读第35期 | 为 vite 项目自动添加 eslint 和…
阅读更多...
Server.Transfer方法在页面间传值

Server.Transfer方法在页面间传值

a.aspx页面代码&#xff1a; protected void Button5_Click(object sender, EventArgs e){Server.Transfer("b.aspx");}public string name{get{return this.TextBox1.Text;}} b.aspx页面代码&#xff1a; private void TheFour(){a newWebContext.Handler as a;//创…
阅读更多...
极端原理_为极端而设计

极端原理_为极端而设计

极端原理*You can also read this article in German here.*您也可以 在此处 阅读 德语文章 。 In this article I’m going to draw on the Design thinking concept of designing for extreme users and I will argue that designing for extreme users can be considered a…
阅读更多...
当CV工程师碰到了拷贝粘贴的需求——useClipboard的使用及源码解析

当CV工程师碰到了拷贝粘贴的需求——useClipboard的使用及源码解析

大家好&#xff0c;我是若川。持续组织了近一年的源码共读活动&#xff0c;感兴趣的可以 点此加我微信ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…
阅读更多...
centos利用tar包安装phpmyadmin

centos利用tar包安装phpmyadmin

我的网站根目录地址为/var/www/html&#xff0c;phpmyadmin安装包在/tmp下。 注意&#xff1a;php版本低于5.1的建议安装phpmyadmin2.11&#xff0c;因为phpmyadmin3.3对php版本的最低要求是php5.2 1 [rootCentOS ~]# tar -zxvf /tmp/phpMyAdmin-2.11.9-all-languages.tar.gz …
阅读更多...
ux和ui_从UI切换到UX设计

ux和ui_从UI切换到UX设计

ux和uiI still remember those days, when I was a soon-to-be graphic design graduate who started to question what my future will be. At that time, I realized that I loved graphic design, but I wasn’t sure if I enjoyed doing it. Creating logos, posters, broc…
阅读更多...
春季招聘后前端工程师的就业指南

春季招聘后前端工程师的就业指南

尽管疫情反复&#xff0c;大厂裁员&#xff0c;招聘季仍是在困难中有条不紊地落下了尾声。回顾今年的春季招聘&#xff0c;北京青年报记者发现&#xff0c;互联网“大厂”依然对“研发岗”需求最为旺盛。但许多企业最近都在围绕“降本提效”来进行业务调整&#xff0c;这对技术…
阅读更多...
探索式测试的思维模型

探索式测试的思维模型

上一章介绍了探索式测试的定义。在实际项目的测试执行过程中&#xff0c;读者是否曾遇到如下的几个现象&#xff1a; 测试人员按照一个测试用例来执行测试&#xff0c;得到的程序输出与预期输出不一致。 测试人员判断程序的行为并不是缺陷&#xff0c;但根据新的输出想到了新的…
阅读更多...
图解Git分支和命令

图解Git分支和命令

大家好&#xff0c;我是若川。持续组织了近一年的源码共读活动&#xff0c;感兴趣的可以 点此加我微信ruochuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…
阅读更多...
vsco_VSCO重新设计：更直观，更简化的界面

vsco_VSCO重新设计：更直观，更简化的界面

vscoAmong the many photo-editing apps, VSCO has definitely become a popular favorite among both experienced photographers as well as “aesthetic” Instagram users. However, my interaction with the app starts and ends with using a few key filters and (maybe…
阅读更多...
不同长度数据项的排序

不同长度数据项的排序

注&#xff1a;本文改编自windmissing博客&#xff0c;感谢作者整理&#xff01; 题目&#xff1a; a)给定一个整数数组&#xff0c;其中不同的整数中包含的数字个数可能不同&#xff0c;但是该数组中&#xff0c;所有整数中总的数字数为n。说明如何在O(n)时间内对该数组进行排…
阅读更多...
浅谈前端埋点监控

浅谈前端埋点监控

大家好&#xff0c;我是若川。持续组织了近一年的源码共读活动&#xff0c;感兴趣的可以 加我微信lxchuan12 参与&#xff0c;每周大家一起学习200行左右的源码&#xff0c;共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外&…
阅读更多...
最新文章

Copyright @ 2022~2023