1. 程式人生 > >開始學習Vue

開始學習Vue

node 工具鏈 工作 bpa 服務端 界面 維護 line -c

vue的由來

vue的作者尤雨溪,2013年他在Google工作,他經常需要在瀏覽器上進行大量原型設計,於是他想要盡快獲得有形的東西。當時有些項目使用了Angular。Angular提供了一些用數據綁定和數據驅動來處理 DOM 的方法,所以不必自己碰DOM。但它也有一些副作用,就是按照它規定的方式來構建代碼。對於當時的場景而言實在是太重了。

於是作者只把他喜歡的部分從 Angular中提出來,建立一個非常輕巧的庫,不需要那些額外的邏輯。最開始他只是想著手提取 Angular 裏面很小的功能,如聲明式數據綁定。Vue就是這麽開始的。

Vue的特點

漸進式框架:Vue是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是,Vue被設計為可以自底向上逐層應用。Vue 的核心庫只關註視圖層。“漸進式”的理念就是,vue只保持一個很小的核心,只提供一些最重要的功能。其他更多的功能,開發者可以通過引入獨立的解決方案,比如說路由、狀態管理,構建工具鏈和CLI,這樣的話開發者就可以自己決定要不要使用,也讓vue的代碼保持精簡,體積也保持較小,而翻看Vue源碼,除了代碼精簡外,很多細節點Vue中加入性能優化的考慮,這也使得Vue在性能上表現的很好。作者認為未來App的趨勢是輕量化和細化,從Vue的特點裏也可以看出來,Vue一直在盡力做到輕量化。

聲明式渲染:Vue.js的核心是一個允許采用簡潔的模板語法來聲明式地將數據渲染進 DOM 的系統,對於已了解關於 HTML、CSS 和 JavaScript 知識的人來說很容易上手。

組件系統:Vue的單文件組件設計在底層幫助我們實現了組件的聚合和解耦,在一個組件裏,其模板、邏輯和樣式是內部耦合的,並且把他們搭配在一起實際上使得組件更加內聚且更可維護。即便你不喜歡單文件組件,你仍然可以把 JavaScript、CSS分離成獨立的文件然後做到熱重載和預編譯。

強大的工具鏈和類庫:Vue-cli腳手架工具,讓使用webpack來構建vue的項目架構變的很簡單;ue-router(路由)、vuex(狀態管理)、SSR(服務器端渲染)這些類庫對於使用Vue來開發復雜的單頁應該提供了很好的支持。

多端應用:基於 Node.js 的服務端渲染和基於 Weex 的移動端原生渲染

開始學習Vue