前端三大框架(vue、react、angular)對比(一)

官網

三者總體介紹

  • 都是MVVM(從後端的MVC衍生)類型的框架
  • 基本都用於構建單頁應用
  • 都是響應式的前端框架
  • 都是基於Node和webpack來構建的生產環境
  • 三者在思想上和用法上具有很多相似之處
  • 三者都是基於工程化、組件化、模塊化的開發方式
  • 都可以理解爲構建用戶界面的框架
  • 技術角度:三者都基於組件、路由、模板、數據請求、狀態管理等共通之處

適合項目

  • vue 適合中小型項目
  • angular 集成度高,大中型項目
  • react 靈活性較高,大中型項目

全家桶

  • vue —— vue-cli + vue2.0 + vuex + vue-router + axios + element-ui
  • react —— react-cli + react + react-dom + react-router + axios + redux + Ant Design
  • angular —— angular-cli + angular + angular-router + service + rxjs + ng-zorro

基本介紹

  • vue —— 漸進式的JavaScript框架,會html、css、js就可以直接上手開發。核心文件就只有vue.js文件,路由、數據請求axios、vuex狀態管理都是第三方模塊,用的時候安裝使用。
  • react —— 用於構建用戶界面的 JavaScript 庫,申明式、組件化的,對JSX、ES6要求較高,ES6應用更廣。react核心文件react.js、react-dom,使用路由、數據請求、狀態管理redux等和vue類似,需要單獨下載使用。框架並未全部集成。
  • angular —— 基於TypeScript編程,需要學習TS的基本語法和使用方法,框架思想和後端的MVC思想很相似,需要了解的概念較多。angular將數據請求httpClient、路由、rxjs異步等操作都集成與一體,使用的時候,不需要單獨安裝,只需要導入即可使用。

本質區別不大,只不過就是核心包的體積大小,一般的項目都基本會用到路由、數據請求等模塊。

環境及配置

  • 三者都依賴node環境,使用npm包管理器管理下載依賴包文件
  • 三者都是基於webpack打包和構建項目結構
發佈了231 篇原創文章 · 獲贊 407 · 訪問量 24萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章