為什麼越來越多的前端項目都選擇使用VUE?

為什麼越來越多的前端項目都選擇使用VUE?

前端框架經過10年多的發展,層出不窮,最終為什麼有大量開發人員選擇使用vue,使用過vue的開發者都給了它很高的評價,因為vue兼具了angular和react的優點並剔除了它們的缺點,不像其他編程語言那樣晦澀難懂,真正做到所見即所得。

VUE的優勢

1.性能

過去前端編寫主要依賴JS對DOM操作,但DOM的變化影響了所有元素的屬性,瀏覽器需要重新計算和編排受到影響的元素,完成編排後還要重新繪製受影響的部分到品目中,非常消耗性能。既然DOM操作如此昂貴,而JS運行效率很高,乾脆將DOM的計算和編排放在JS層,減少DOM的操作,如此便產生了一個虛擬DOM,虛擬DOM不會立即操作DOM,而是將計算內容保存成一個本地的js對象,最終執行一次,交由瀏覽器繪製。

2.視圖、數據分離

前端的開發一直在追求數據和視圖的分離,這樣的好處就是當數據發生變化的時候,用戶界面也發生相應的變化,開發人員不需要手動再去修改DOM。在實際項目中,我們有很大部分代碼都是在數據修改以後,手動操作重新渲染頁面元素,當頁面越來越複雜的時候,頁面代碼會越來越難以維護,vue幫我們封裝了數據和視圖對象操作的映射,我們只需要關心數據的邏輯處理,數據的變化就能自然通知到頁面的重新渲染。

3. 組件化開發

在項目開發中,我們很期望把同功能的樣式、腳本、資源等文件拆分成一個獨立的最小單元組件,對外暴露接口。vue提供了對這些組件的數據流轉、事件控制、動態替換。通過vue的封裝,我們可以把一個項目中的各種模塊進行拆分,然後通過數據綁定、模板引入,完成對整個項目的開發,也便於分工。

4. 自動化打包發佈

一個應用程序複雜以後,會使用很多素材和第三方庫,我們需要把這些資源以鏈接方式引入,減少瀏覽器的訪問次數,同時還要對它們進行合併、壓縮、混淆,我們可以藉助vue官方提供的webpack這個自動化構建工具解決好這些問題。vue也可以使用babel這個專門支持js語法降級編譯的工具來配置處理js高級語法問題,實現一些降級編譯操作,使得我們的項目打包運行後支持更多內核的瀏覽器。

5.vue的應用場景

vue由於其特性靈活、組件化,非常適合前後端分離的架構下開發,特別是移動端H5下,在移動端趨於統一的背景下,vue也是一個很好的選擇,可以藉助一些原生的瀏覽器殼子,靈活應用於桌面、android、ios等不同設備下,基於vue的框架和移動端的UI套件也非常多,名氣比較大的有vux、vonic、mint ui、muse-ui、vant等等。

vue的前景和發展

Vue的技術生態非常豐富, 有關的一些工具和庫,比如 Vuex、Webpack、VueCLI和Nuxt,在國內普及度非常廣,同時它集合了眾多優秀主流框架設計及思想,輕量、數據驅動(默認單向數據綁定,但也提供支持雙向數據綁定)、學習成本低,且可與webpack/gulp構建工具結合實現web組件化開發、構建部署等;很慶幸,我們生在開源遍地的時代,vue本身就擁有一套較為成熟的生態系統:vue+vue-router+vuex+webpack+sass/less,不僅滿足小的前端項目開發,也完全勝任開發大型的前端應用,包括單頁面應用和多頁面應用等,它可實現前端頁面前後端業務分離、快速開發(因為很多組件供調用)、單元測試、構建優化(結合webpack自動打包構建、優化)、部署等。


為什麼越來越多的前端項目都選擇使用VUE?


vue的技術生態在不斷的完善和發展,在GitHub等開源社區與vue相關的開源資源也很龐大,是當前主流的前端框架,未來的發展也十分熱門。


分享到:


相關文章: