Vue.js 2.0釋出

banq發表於2016-10-01
Vue.js是一種類似React.js的跨平臺Javascript開發框架,它和React一樣都是利用虛擬DOM,提供Reactive響應的和可組合的檢視元件,路由和全域性狀態管理等,不同是使用template模板替代React.js的JSX等。

Vue.js 2.0首先帶來了效能上的提升,其相比React.js 15.3.1、Angullar 2.0.0-rc.5都要快。主要是使用了輕量虛擬DOM庫snabbdom,基於此,Vue的模板編譯器能夠在編譯期間應用一些智慧最佳化,如分析和提升靜態子樹以避免不必要的重新渲染。

Vue 2雖然在渲染層大動干戈,但是維持模板語法大部分與1.0相容,模板語法被編譯到虛擬DOM的渲染函式,使用者可直接使用自己的渲染函式,包括JSX支援。

渲染功能的強大開放功能是因為基於元件的模式 - 例如:新的transition切換系統現在是完全基於元件的,利用內部渲染功能。

在伺服器端,Vue 2.0支援伺服器渲染(SSR),透過 streaming 和 component-level caching元件層快取實現。有可能實現燃燒級別的快速渲染。vue-router 和vuex 2.0 使用通用的路由和客戶端狀態hydration水化融合來支援SSR。

庫包 vue-router, vuex, vue-loader 和 vueify 都升級到2.0:

vue-router
1.多名稱<router-view>支援
2.使用<router-link>元件提升了導航功能
3.簡化導航API
4.可定製的滾屏行為控制

vuex
1.簡化內部元件使用
2.模組化API提升了程式碼組織
3.可組合的非同步動作

餓了麼已經使用Vue 2.0構建了完整的桌面元件庫:https://github.com/ElemeFE/。阿里巴巴基於Vue-inspired的Weex也會將Vue 2.0成為Weex的Javascript執行框架。


Vue 2.0 is Here! – The Vue Point – Medium

相關文章