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

心不动则不痛 提交于 2020-01-14 12:31:56

官网

三者总体介绍

  • 都是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打包和构建项目结构
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!