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

偏执的太偏执、 2023-06-30 02:22 31阅读 0赞

#### 官网 ####

*  [vue https://cn.vuejs.org/][vue https_cn.vuejs.org]
 *  [react https://react.docschina.org/][react https_react.docschina.org]
 *  [angular https://angular.cn/][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打包和构建项目结构

[vue https_cn.vuejs.org]: https://cn.vuejs.org/
[react https_react.docschina.org]: https://react.docschina.org/
[angular https_angular.cn]: https://angular.cn/