Vue.js 框架第三版源碼公布

2020-12-16 中文業界資訊站

10 月 5 日凌晨，Vue.js 框架的作者兼核心開發者尤雨溪公布了尚處於 Pre-Alpha 狀態的 Vue 3 源碼（https://github.com/vuejs/vue-next）。作者表示，Vue 3 主要的架構改進、優化和新功能均已完成，剩下的主要任務是完成一些 Vue 2 現有功能的移植。

（說學不動的童鞋抓緊剩餘的國慶假期擼一遍源碼吧 : D）

穩定版的具體發布時間尚未提及，不過根據 Vue 在 GitHub repo 公開展示的 Roadmap，後面應該還會發布 Alpha（計劃於 Q4 發布）、Beta 等版本，所以至少要等到 2020 年第一季度才有可能發布 3.0 穩定版。

尤雨溪在去年發表的"Vue 3.0 Updates"主題演講中曾強調過 Vue 3 包含的五個關鍵變化：

  1. 速度

  2. 體積

  3. 可維護性

  4. 面向原生

  5. 易用性

下面了解一下針對 Vue 3 計劃並已實現的主要架構改進和新功能：

  • 編譯器（Compiler）

    • 使用模塊化架構

    • 優化 "Block tree"

    • 更激進的 static tree hoisting 功能

    • 支持 Source map

    • 內置標識符前綴（又名 "stripWith"）

    • 內置整齊列印（pretty-printing）功能

    • 移除 source map 和標識符前綴功能後，使用 Brotli 壓縮的瀏覽器版本精簡了大約 10KB

  • 運行時（Runtime）

最後，還有一些 2.x 的功能尚未移植過來：

對了，還有與瀏覽器兼容性方面的問題，雖然去年尤雨溪曾提出會支持 IE11，但目前發布的 Pre-Alpha 版本打包後的代碼是 ES2015+，並且【尚未】支持 IE11。

至於與舊版本的兼容情況，因為 Vue 3.0 是主要版本，所以會包含一些重大變更。不過，開發組會非常重視兼容性問題，他們也將儘快開始傳達這些重大變更，並做了這樣的保證：除了渲染函數 API 和作用域插槽語法之外的所有內容都將保持不變，或者通過兼容性構建讓其與 2.x 保持兼容。

總的來說，Vue 3.0 雖然會對頂級 API 進行重大的修整，但依然會保持與 2.x 的兼容。此外，2.x 的最後一個次要版本將成為 LTS，並在 3.0 發布後繼續享受 18 個月的 bug 和安全修復更新。

相關焦點

  • Vue.js 框架作者公布 Vue 3 最新進展
    Vue.js 作者尤雨溪近日介紹了 Vue 3 的最新進展。尤雨溪表示，由於在 Vue 3 上花費的大部分時間都投入到了設計和構建穩定的內核上，不過要讓整個框架處於 "ready" 狀態，不僅僅是內核的問題，還需要有兼容版本的支持庫 （Vue Router, Vuex, test
  • 初步認識vue.js框架的使用
    vue.js框架是幹什麼的Vue.js 是一個JavaScriptMVVM庫，是一套構建用戶界面的漸進式框架。它是以數據驅動和組件化的思想構建的，採用自底向上增量開發的設計。相比於Angular.js，Vue.js提供了更加簡潔、更易於理解的API，使得我們能夠快速地上手並使用Vue.js。如何使用vue.js1.下載 vue.min.js 並用 <script> 標籤引入。
  • 「Vue.js開發連載一」Vue.js簡介
    一、簡介Vue.js（讀音 /vju/，類似於view）是一個構建數據驅動的web界面的漸進式框架。Vue。js的目標是通過儘可能簡單的API實現響應的數據綁定和組合的視圖組件。它不僅易於上手，還便於與第三方庫或既有項目整合。
  • 面試官:聊聊對Vue.js框架的理解
    分享目標：了解 Vue.js 中的 Virtual DOM 及 Diff 原理分享keynote：Vue.js框架原理剖析.key原文地址Vue.js概述Vue 是一套用於構建用戶界面的漸進式MVVM框架。
  • 2020年的前端工程師請收下這幾個Vue.js開源框架
    vue是一套用於構建用戶界面的漸進式JavaScript框架，簡單說Vue是類似於view的前端框架。vue開發核心是關注視圖層，同時它更加容易與第三方庫結合，再者我們在現有的項目中可以直接整合一起。目前vue技術社區在英文或中文都非常豐富，社區都有很多經驗豐富的開發人員，其功能也非常豐富與使用性，屬於輕量級框架。
  • 揭密vue.js的神秘之處,小程序跟vue有什麼關係
    微容用的微信小程序平臺採用開發思路是前後端分離，前端採用vue.js+h5+jq開發，後端採用MVE的思路，用php開發，用vue.js構建來微信小程序可視化前端之後，微容給大家介紹下vue的來源和特徵。
  • CKEditor 4 編輯器已與 Vue.js 集成
    近日，CKEditor 團隊發布了與 Vue.js 框架原生集成的 CKEditor 4。只要開發者使用的框架沒有奇怪的限制，CKEditor 4 都能與其兼容。瀏覽器支持CKEditor 4 Vue 組件可在除 Internet Explorer 之外的所有受支持的瀏覽器中使用。
  • 【Vue.js 入門到實戰教程】01-Vue.js 數據綁定的基本實現和代碼分析
    從 MVVM 聊起Vue.js 是一個簡單、小巧的漸進式 JavaScript 框架，提供了現代 Web 開發中常用的高級功能：解耦視圖和數據可復用的組件前端路由狀態管理虛擬 DOM接下來，學院君將圍繞這些功能來給大家介紹 Vue.js 的基本語法和使用。
  • 【分享】Vue.js新手入門指南
    1.Vue.js是什麼？Vue.js（讀音 /vju/, 類似於 view） 是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，並且非常容易學習，非常容易與其它庫或已有項目整合。
  • Vue.js以業務為中心的常見面試題
    5.什麼是MVVM框架？MVVM框架是一個Model-View-ViewModel框架，其中ViewModel連接模型Model和視圖View。在vue.js中的MVVM模式：vue.js是通過數據驅動的，vue.js實例化對象將dom和數據進行綁定，一旦綁定，dom和數據將保持同步，每當數據發生變化，dom也會隨著變化；ViewModel是Vue.js的核心，它是Vue.js的一個實例。
  • Vue.js 2.5 發布,而這個會玩的團隊已經自研出用 Vue 開發小程序的...
    Vue 2.5.0 源碼下載： https://codeload.github.com/vuejs/vue/zip/v2.5.0Vue.js 這款漸進式的 JavaScript 框架自 2013 年發布至今，其簡潔的語法設計、輕量快速的特點深受技術社區喜愛，在國內外都獲得了非常廣泛的應用及拓展，比如餓了麼的開源組件庫 Element UI 即是 Vue 開發，而阿里巴巴的
  • 【Vue.js入門到實戰教程】11-Vue Loader(下)| 編寫一個單文件 Vue 組件
    開始之前，需要添加 Bootstrap 到 Vue CLI 項目，由於目前所有前端資源都已經通過 NPM 進行管理，所以需要安裝對應的依賴包：npm install bootstrap jquery popper.js然後在 src/main.js 中引入 Bootstrap 的腳本和樣式文件：
  • 10 個實用的 Vue.js 工具和庫
    如今 Vue 的熱度不斷攀升，使用者越來越多，Vue.js 工具也隨處可見。這種現象不是憑空產生的：Vue 的學習曲線友好，功能驅動的結構清晰易懂，文檔出色易學，所以新人入門很容易，經驗豐富的開發人員也可以快速從其他框架（如 React 或 Angular）切換過來。
  • Vue.js 3.0 組件是如何渲染為 DOM 的?
    官網本文主要是講述 Vue.js 3.0 中一個組件是如何轉變為頁面中真實 DOM 節點的。對於任何一個基於 Vue.js 的應用來說，一切的故事都要從應用初始化（通常會命名為 APP 的根組件掛載到 HTML 頁面 DOM 節點上）說起。所以，我們可以從應用的根組件為切入點。
  • 【項目推薦】Vue.js
    作者是尤雨溪,寫下這篇文章時 vue.js版本為 1.0.7 。我推薦使用 sublime text 作為編輯器，關於這個編輯器可以看我這篇文章。 </div> </div> </div></body></html>當然你也可以在 github 上 clone 最新的版本並作為單文件引入，或者使用 CDN:http://cdn.jsdelivr.net/vue/1.0.7/vue.min.js
  • Vue.js 很難學?看看這個由 DCloud 與 Vue 官方合作推出的免費入門...
    Vue.js 是目前國內很火的前端框架，前端工程師招聘幾乎都要求掌握。如果你想開始嘗試學習 Vue.js，在 Vue.js 官網閱讀文檔教程又比較吃力，這套視頻教程基於Vue.js 官網文檔，用更加通俗易懂的方式和代碼實例來幫助你入門 Vue.js 。
  • Vue.js布局
    動態Vue.js布局組件前言vue.js是漸進增強的視圖庫，可以作為.html頁面部分使用，也可以結合vue-router、vuex、axios用來構建單頁面或多頁面應用。
  • Vue.js最佳實踐(五招讓你成為Vue.js大師)
    如果有人需要Vue.js入門系列的文章可以在評論區告訴我，有空就給你們寫。對大部分人來說，掌握Vue.js基本的幾個API後就已經能夠正常地開發前端網站。但如果你想更加高效地使用Vue來開發，成為Vue.js大師，那下面我要傳授的這五招你一定得認真學習一下了。
  • 七種需要避免的Vue.js常見錯誤
    【51CTO.com快譯】不知您是否熟悉、或正在使用著Vue.js。總的說來，Vue是用來設計用戶界面的漸進式框架。 具體較強的靈活性 缺點： 社區規模較小 雖然優勢大於劣勢，但是由於大多數開發人員未能遵循Vue.js的優秀實踐(請參見-- https://levelup.gitconnected.com/best-practices-for-vue-js-b46760fe0096
  • ReactJS與VueJS:兩種流行前端 JS 框架之戰
    好吧，兩個最受歡迎的框架 React Js 和 Vue.Js 之間的戰鬥是真實的。確實很難表明哪個能推翻另一個。但是，我們試圖在此處區分這兩個框架。請閱讀本文…不用說，Javascript贏得了數百萬的讚譽，大型巨頭正在使用此技術搶佔份額。但是，最流行的是兩個最受歡迎的 Javascript 框架，React.Js 和 Vue.Js。開發人員正在擁抱這種使用基於魔術的框架。