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.pswp.cn/news/274616.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/274616.shtml
英文地址，請注明出處：http://en.pswp.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