前端三大框架(vue、react、angular)对比（一）

官网

• vue https://cn.vuejs.org/
• react https://react.docschina.org/
• angular https://angular.cn/

三者总体介绍

• 都是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打包和构建项目结构