官網
三者總體介紹
- 都是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打包和構建項目結構