Vue前端框架選型論述

1. 前端3大巨頭框架綜述

React 起源于 Facebook 的內部項目，社區非常活躍，下載使用當前排行第一名，但是 React 的只能是半開源，在不涉及到 Facebook 子公司或者 Facebook 合作公司利益的條件下開源，否則屬于專利侵權。React 框架相對于 Vue 要復雜的多，學習成本高于Vue。

AngularJS 誕生于2009年，由Misko Hevery 等人創建，后為Google所收購。AngularJS 之前和 React 在前端框架中評分秋色，后來 AngularJS 升級新版后對低版本不兼容，導致大量開發者果斷放棄 AngularJS，AngularJS 當前社區活躍度和使用量遠遠低于 React。Vue的社區活躍度已經超過 AngularJS。

Vue 是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。它不僅易于上手，還便于與第三方庫或既有項目整合。Vue 當前社區活躍度比 React、AngularJS高，使用量增長率最高，預計今年年底使用量將超過 AngularJS。

2. 三大框架社區活躍度和使用量對比

社區活躍度對比

React github Star 數量：130k

AngularJS github Star 數量：59.6k

Vue github Star 數量：140k

npm下載使用量對比

npm 統計地址：https://www.npmtrends.com/@angular/core-vs-angular-vs-react-vs-vue

npm 趨勢對比

從下載使用量趨勢圖中，可以看出目前 React 瑤瑤領先，Vue 使用量持續穩定增長，預計會超過 AngularJS 。

3. Vue 的優勢總結

1. 社區活躍度高和使用量高

從上面的數據統計調查來看，Vue 社區活躍度排行第一，使用量增長率高，說明 Vue 是通過了眾多團隊驗證和認可，可靠性高。

2. 完全開源

vue 是完全免費開源的，不會像 React 一樣有專利侵權風險

3. 資料文檔齊全

Vue 官網有詳細的學習文檔，社區大量的學習資料

4. 學習成本低

與其他重量級框架不同的是，Vue 采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。

5. 開發效率高

組件化，視圖,數據,結構分離，極大的提升了開發效率，有利于業務的擴展和后期維護

6. 數據與視圖雙向綁定

傳統前端框架 EasyUI 、bootstrap 等基于JQuery框架，jQuery是使用選擇器選取DOM對象，對其進行賦值、取值、事件綁定等操作，其實和原生的HTML的區別只在于可以更方便的選取和操作DOM對象，而數據和界面是在一起的。比如需要獲取label標簽的內容：$(“lable”).val();它還是依賴DOM元素的值。

Vue則是通過Vue對象將數據和View完全分離開來了。對數據進行操作不再需要引用相應的DOM對象，可以說數據和View是分離的，他們通過Vue對象這個vm實現相互的綁定。這就是傳說中的MVVM。

7. 深受開發人員喜歡

Vue 是前端主流框架，能吸引更多優秀的應聘者來公司面試，開發人員學會使用 Vue 開發前端頁面后，在開發人員的簡歷里面又可以增添一項新技能。

8. 性能高

虛擬DOM，運行速度更快

9. 組件豐富

element 全套組件是基于 Vue 框架實現，有樹、表格等各式各樣豐富的組件，足以滿足的我們日常業務開發需求。避免了我們去重復造輪子。

10. Vue 的作者是中國人

Vue 的作者在美中國學生尤雨溪。

總結

以上是生活随笔為你收集整理的Vue前端框架选型论述的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。