前端組件框架方案Vue.js 1.0發佈,初始化渲染性能100%

圖片描述

輕量級前端組件框架Vue.js近日發佈1.0版本。下面是官方博文翻譯

在經歷了300+次的提交,8次alpha版本,4次beta版本和2次發佈候選,今天我十分驕傲的宣佈Vue.js 1.0.0 Evangelion正式發佈!十分感謝那些參與到API再設計過程中的貢獻者。沒有來自社區的支持,那(API再設計)將是不可能的。

改進模板語法

總而言之,1.0版本的模板語法解決了一些細微的一致性問題並且使得Vue模板更加簡潔更具可讀性。最引人注目的新特點是v-on和v-bind速記語法:

<!-- short for v-bind:href -->
<a :href="someURL"></a>

<!-- short for v-on:click -->
<button @click="onClick"></button>

當我們使用子組件時,v-on 監聽自定義事件並且v-bind可以用來綁定道具。速記法使用子組件十分的簡潔。

<item-list
  :items="items"
  @ready="onItemsReady"
  @update="onItemsUpdate">
</item-list>

API整理

對Vue.js來說,總的目標是讓它適用於更大的項目。這就是爲什麼我們會放棄許多API,他們是一些難以維護和重構的功能特性,而這些特性會損害維護模式。

更快的初始渲染

1.0版本直接用v-for替換了舊版本的v-repeat。此外還提供了相同的功能和更直觀的作用域,當繪製大的列表和表格時v-for提供了高達100%的初始化渲染性能。

更強大的工具

在Vue.js核心之外也有令人興奮的事情發生——vue-loader和vueify有以下的主要更新:

  • 熱組件重載。當一個*.vue組件被編輯,其所有活動實例均可進行熱交換且不用重載頁面。這意味着在進行一些小的改變時,例如修改樣式或者模板,你的應用程序無需完全重載;程序熱組件的狀態可以被保存,大幅提升開發體驗。
  • 局部CSS。僅向你的*.vue組件樣式標籤添加一個局部屬性,該組件的模板和最終生成的CSS都會神奇地重寫,以保證一個組件的樣式僅適用於它本身。最重要地是,在父組件中指定的樣式不影響其嵌套的子組件。
  • 默認ES2015。JavaScript是不斷髮展的。你可以用最新的語法編寫最簡潔清楚的代碼。vue-loader和vueify現在顯露你的*.vue組件盒之外,無需額外的安裝。今天寫未來的JavaScript吧!

結合vue-router, Vue.js現在不僅是一個庫——它爲構建複雜的SPA提供了一個堅實的基礎。

下一步會怎樣?

正如1.0.0通常表現的那樣,在可見的未來核心API將繼續保持穩定,且庫已準備好用於生產使用。未來的發展將集中於:

  1. 升級vue-router使之成爲真正的產品。
  2. 簡化開發者體驗,例如一個用於搭建Vue.js項目和組件的更好的devtool和CLI。
  3. 提供更多的學習資源,如教程和實例。

Vue.js官方網站:http://vuejs.org/

推薦閱讀《程序員》文章,瞭解更多:《Vue.js:輕量高效的前端組件化方案》


原文鏈接:http://vuejs.org/2015/10/26/1.0.0-release/
譯者簡介:王飛,從事於移動互聯網開發,Android工程師,好讀書,尤好文史。

發佈了55 篇原創文章 · 獲贊 15 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章