首頁  >  文章  >  web前端  >  vuejs是什麼時候出來的

vuejs是什麼時候出來的

青灯夜游
青灯夜游原創
2021-09-01 15:31:255119瀏覽

vuejs是2013年受到Angular的啟發,開發出來的一款輕量級框架,最初命名為Seed;2013年12月更名為vue,圖標顏色是代表勃勃生機的綠色,版本號是“ 0.6.0”。 2014年1月24日,vue正式對外發布,版本號是「0.8.0」。

vuejs是什麼時候出來的

本教學操作環境:windows7系統、vue2.9.6版,DELL G3電腦。

Vue 是一套用於建立使用者介面的 漸進式框架

與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。

最初它不過是個人項目,時至今日,已成為全世界三大前端框架之一,github 上擁有 15 萬 Star 領先於 React 和 Angular,在國內更是首選。

它的設計想法、編碼技巧也被眾多的框架借鏡、模仿。

重要版本發布

  • 2013年,在Google 工作的尤雨溪,受到Angular 的啟發,開發出了一款輕量級框架,最初命名為Seed 。

  • 2013年12月,更名為 Vue,圖示顏色是代表勃勃生機的綠色,版本號碼是 0.6.0。

  • 2014年1月24,Vue 正式對外發布,版本號是 0.8.0。

  • 2014.02.25,0.9.0 發布,有了自己的代號:Animatrix,此後,重要的版本都會有自己的代號。

  • 2015.06.13,0.12.0,代號Dragon Ball,Laravel 社群(一款流行的 PHP 框架的社群)首次使用 Vue,Vue 在 JS 社群也打響了知名度。

  • 2015.10.26,1.0.0 Evangelion 是 Vue 歷史上的第一個里程碑。同年,vue-router、vuex、vue-cli 相繼發布,標誌著 Vue從視圖層庫發展為漸進式框架。

  • 2016.10.01,2.0.0 是第二個重要的里程碑,它吸收了 React 的虛擬 Dom 方案,也支援服務端渲染。自從Vue 2.0 發布之後,Vue 就成了前端領域的熱門話題。

  • 2019.02.05,Vue 發布了 2.6.0 ,這是一個承前啟動後的版本,在它之後,將推出 3.0.0。

  • 2019.12.05,在萬眾期待中,尤雨溪公佈了 Vue 3 原始碼。

  • 2020年09月18日,Vue.js 3.0 正式發布。

Vue 1.0

Vue最初的目標是成為大型專案的一個好補充。

設計想法是一種“漸進式框架”,淡化框架本身的主張,降低框架作為工具的複雜度,從而降低對使用者的要求。

主要改進

  • 提供指令的縮寫
    針對v-bind和v-on提供縮寫形式:

  <!-- v-bind -->
  <div v-bind:class="box">全写</div>
  <div :class="box">缩写</div>
  <!-- v-on -->
  <button v-on:click="btn">全写</button>
  <button @click="btn">缩写</button>
  • 清理精簡所提供的介面

  • 提高初始化的渲染效率
    將v-repeat指令換成了v-for指令。同時優化了這個指令的渲染,效率提升了一倍。

  • 兩個官方工具的增強功能:vue-loader和vueify

Vue 2.0

2.0版本對Vue做了大幅的重構,效能有了很大的提高,也為日後的跨端發展打下了基礎。

新的改進

  • #效能

    2.0 用一個fork自snabbdom 的輕量Virtual DOM 實作對渲染層進行了重寫。

    在其上層,Vue 的模板編譯器能夠在編譯時做一些智慧的最佳化處理,例如分析並提煉出靜態子樹以避免介面重繪時不必要的比對。

    新的渲染層帶來了巨大的效能提升,也讓 Vue 2.0 成為了最快速的框架之一。

  • 服務端渲染

    Vue 2.0 支援服務端渲染(SSR),並且是串流的,可以做元件級的緩存,這使得極速渲染成為可能。

Vue 3.0

3.0 是非常大的重構,原始碼使用 TypeScript 重寫,目前的程式碼 98% 以上使用 TypeScript 編寫。

2020年09月18日,Vue.js 3.0 正式發表。本次發布框架本身帶來了幾個大點的改進,以及功能和歷程的一些總結!

  • 3.0版本代表了2年多的開發工作

  • 具有30多個RFC

  • 2600多個提交

  • 來自99個貢獻者

  • 628個拉取請求

  • 大量開發和文件工作

效能方面的優化

  • 路由懶載入

  • #keep-alive快取頁面

  • ##使用v -show複用DOM

  • v-for 遍歷避免同時使用v-if

  • 長列表效能最佳化

  • 事件的銷毀

  • 圖片懶載入

  • #第三方外掛程式按需引入

  • 無狀態的元件標記為函數式元件

  • 子元件分割

  • 變數本地化

  • SSR

更好的TypeScript整合

  • #改進的TypeScript支持,編輯器能提供強而有力的類型檢查和錯誤及警告

  • 更好的偵錯支援

相關推薦:《vue.js教學

以上是vuejs是什麼時候出來的的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn