資訊專欄INFORMATION COLUMN
摘要：尤雨溪年月日前幾日的早上在的主題演講中預(yù)演了。基于的觀察者機(jī)制目前，的反應(yīng)系統(tǒng)是使用的和。為了繼續(xù)支持，將發(fā)布一個支持舊觀察者機(jī)制和新版本的構(gòu)建。還會改進(jìn)對的支持，允許在編輯器中進(jìn)行高級的類型檢查和有用的錯誤和警告。
Evan You（尤雨溪）（2018年11月16日）前幾日的早上在 Vue Toronto 的主題演講中預(yù)演了 Vue 3 。
利用現(xiàn)代瀏覽器支持的新功能，Vue 3 將成為我們已經(jīng)了解和喜愛的 Vue.js 強(qiáng)大的的改進(jìn)版本。
我們做了一些筆記并將其與下面的幻燈片結(jié)合起來分享給大家。
總結(jié)起來，Vue 3 以下方面值得我們期待 ：
更快
更小
更易于維護(hù)
更多的原生支持
更易于開發(fā)使用
完整的PPT：
https://docs.google.com/prese...
Evan 和 Vue 團(tuán)隊的目標(biāo)是盡可能順利地過渡到 Vue 3 ，在這個過程中，這些變化在無形地改善了框架。
讓 Vue 更快
雖然 Vue 已經(jīng)非常快了，但 Evan 認(rèn)為 Vue 3 會更快。如何做到呢…
重寫虛擬DOM (Virtual DOM Rewrite)
隨著虛擬 DOM 重寫，我們可以期待更多的 編譯時（compile-time）提示來減少 運行時（runtime）開銷。重寫將包括更有效的代碼來創(chuàng)建虛擬節(jié)點。
優(yōu)化插槽生成(Optimized Slots Generation)
在當(dāng)前的 Vue 版本中，當(dāng)父組件重新渲染時，其子組件也必須重新渲染（11月20日更新：這句話是不嚴(yán)謹(jǐn)?shù)模浅Ｈ菀桩a(chǎn)生誤導(dǎo)，我覺得有必要說明一下： 2.0 組件的重新渲染就是組件粒度的，除非修改的數(shù)據(jù)是子組件的 props，才會觸發(fā)子組件的重新渲染。
引用自：
https://juejin.im/pin/5bf28dd...
使用 Vue 3 ，可以多帶帶重新渲染父組件和子組件。
靜態(tài)樹提升(Static Tree Hoisting)
使用靜態(tài)樹提升，這意味著 Vue 3 的編譯器將能夠檢測到什么是靜態(tài)組件，然后將其提升，從而降低了渲染成本。它將能夠跳過未整個樹結(jié)構(gòu)打補(bǔ)丁的過程。
靜態(tài)屬性提升（Static Props Hoisting）
此外，我們可以期待靜態(tài)屬性提升，其中 Vue 3 將跳過不會改變節(jié)點的打補(bǔ)丁過程。
基于 Proxy 的觀察者機(jī)制
目前，Vue 的反應(yīng)系統(tǒng)是使用 Object.defineProperty 的 getter 和 setter。
但是，Vue 3 將使用 ES2015 Proxy 作為其觀察者機(jī)制。 這消除了以前存在的警告，使速度加倍，并節(jié)省了一半的內(nèi)存開銷。
為了繼續(xù)支持 IE11，Vue 3 將發(fā)布一個支持舊觀察者機(jī)制和新 Proxy 版本的構(gòu)建。
使 Vue 更小
Vue已經(jīng)非常小了，在運行時（runtime）壓縮后大約 20kb 。 但我們可以期待它會變得更加小，新的核心運行時壓縮后大概 10kb 。 這將在很大程度上通過消除不使用的庫(也稱為Tree Shaking)來實現(xiàn)。 例如，如果您沒有使用 過渡（transition）元素，則不會包含它。
下面您可以看到 hello world 應(yīng)用程序與壓縮后的大小的比較。
使其更具可維護(hù)性
雖然大多數(shù) Vue 開發(fā)人員都沒有在庫本身上工作，但很高興知道 Vue 3 將帶來更多可維護(hù)的源代碼。 它不僅會使用 TypeScript ，而且許多軟件包將被解耦，使所有內(nèi)容更加模塊化。
更多的原生支持
運行時內(nèi)核也將與平臺無關(guān)，使得 Vue 可以更容易地與任何平臺（例如Web，iOS或Android）一起使用。
更易于開發(fā)使用
Observer 模塊已被解壓縮到自己的包中，允許您以新的方式使用它：
跟蹤重新渲染的位置也會更容易。 在 Evan 的演講中，他做了一些實時編碼，并展示了如何跟蹤 Vue 應(yīng)用程序（使用下面的代碼）來找出觸發(fā)組件重新渲染的內(nèi)容。 這在更大的應(yīng)用程序和性能微調(diào)中非常有用。
Vue 3.0 還會改進(jìn)對 TypeScript 的支持，允許在編輯器中進(jìn)行高級的類型檢查和有用的錯誤和警告。
實驗性的 Hooks API
當(dāng)我們需要在 Vue 中共享兩個組件之間的行為時，我們通常使用 Mixins 。然而，Evan 正在嘗試使用 Hooks API 來避免來自 Mixins 的一些問題，并且更適合使用慣用的 Vue 代碼。
實驗性的 Time Slicing 支持
當(dāng)您有許多組件同時嘗試重新渲染時，任何瀏覽器都可以開始變得很慢，從而使用戶體驗下降。
Evan展示了他如何嘗試使用 Time Slicing，將 JS 的執(zhí)行分解為幾個部分，如果有用戶交互需要處理，這些部分將提供給瀏覽器。
小結(jié)
很高興能看到 Vue 更具競爭力，模塊化，更容易調(diào)試和更多的開發(fā)樂趣。
另外上面說的這些內(nèi)容除了“明年晚些時候”之外，還沒有一個明確的發(fā)布日期哦
看來大家還能緩一陣子啦~~
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/108780.html
摘要：相對時間組件錨點組件面板分割組件分割線組件單元格組件相對時間組件用于表示幾分鐘前幾小時前等相對于此時此刻的時間描述。單元格組件在手機(jī)上比較常見，在上則常用于固定的側(cè)邊菜單項。開發(fā)者社區(qū)這是發(fā)布會最勁爆的一款產(chǎn)品了。 showImg(https://segmentfault.com/img/bVbeuj6?w=2864&h=1458); 7 月 28 日，我們成功地召開了 iView 3...
摘要：前端每周清單第期微服務(wù)實踐，與，組件技巧，攻防作者王下邀月熊編輯徐川前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點分為新聞熱點開發(fā)教程工程實踐深度閱讀開源項目巔峰人生等欄目。 前端每周清單第 26 期：Node.js 微服務(wù)實踐，Vue.js 與 GraphQL，Angular 組件技巧，HeadlessChrome 攻防 作者：王下邀月熊 編輯：徐川...
摘要：許多新的棉絨檢查。如果程序在斷點上暫停，則應(yīng)用程序重新啟動。新的中的新型提供了對應(yīng)用程序活動的實時統(tǒng)一視圖。要打開，請按照下列步驟操作單擊視圖工具您也可以在工具欄中單擊。從工具欄中選擇要配置的設(shè)備和應(yīng)用程序進(jìn)程。這樣基本上就順利安裝了。 簡介: Android Studio是Android的官方IDE。它是專為Android而打造，可以加快您的開發(fā)速度，幫助您為每款A(yù)ndroid設(shè)備構(gòu)...
摘要：比如傳遞給時，使用。為所有的及其預(yù)處理文件開啟。在生產(chǎn)環(huán)境下為和使用在多核機(jī)器下會默認(rèn)開啟。是否使用分割供應(yīng)的包也可以是一個在包中引入的依賴的顯性的數(shù)組。查閱配置行為。 之前因為parcel的出現(xiàn)，webpack也跟進(jìn)了零配置vue-cli自然也不能落下,cli3.0也升級到webpack4，并增加許多新特性 安裝并創(chuàng)建一個項目 支持npm和yarn npm install -g @v...
閱讀 2063·2023-04-25 22:58
閱讀 1407·2021-09-22 15:20
閱讀 2693·2019-08-30 15:56
閱讀 1985·2019-08-30 15:54
閱讀 2101·2019-08-29 12:31
閱讀 2727·2019-08-26 13:37
閱讀 592·2019-08-26 13:25
閱讀 2096·2019-08-26 11:58
