前端三大框架都要学吗（前端三大框架的区别）

前端三大框架都要学吗，原文标题：前端三大框架Angular、React、Vue。

2020-11-12发布

前端有三大主流框架，依次是Angular.js、React.js、Vue.js

那么他们的区别有哪些以及他们之间互相比较起来，各自的优势又有什么区别？

从时间线上看

Angular.js1版本在2009年就有了，不过自从2016年发布2版本以后，实际来讲，基本上就告别1版本了，现在所说的Angular.js都是2版本以上

React.js发布与2011年，每次更新的版本差别不是很大，并且拥有更活跃的社区，所以很受欢迎，在国内使用的用户也很多

Vue.js诞生于2014年，那时Vue.js还没火起来，一个好的框架是经过很多人使用以后才能做出判定它友不友好

Angular.js1版本咱就不说了，现在工作面试中提到的Angular.js都是2版本以上的，当前是9版本

使用的是双向数据绑定

简单就是说页面与数据进行了绑定，修改页面时会更新数据内容，修改数据时会更新页面的显示

双向数据绑定的重要原理是ag框架中使用了$scope.$apply()、$scope.$digest()、$scope.$watch()三个方法进行页面的监听以及数据的监听，同时方法的精髓是基于setter和getter的观测机制

ag框架优点在于它再也不用像传统HTML jQuery一样操作DOM，而是创建虚拟DOM进行渲染，此被称为MVVM，虽然Angular.js入门很容易，但深入学习概念很多，而且官方提供的案例很少，一般用ag解决不了的问题，直接用js或jq手写出来，所以从代码风格上很容易出现五花八门

React.js是单向数据流，它并没有MVVM，而是MVC的架构模式，React.js注重的是模块化、组件化开发，用法通过创建虚拟DOM，经过一系列比较或计算之后，再给真实的DOM树进行局部更新，就相当于给真实DOM结构打个补丁，MVC工作模式通过状态的变化，来重新渲染DOM元素，缺点是不能进行数据的双向绑定，要想达到数据双向绑定，需要程序员自己手写监听页面来修改数据状态，但不管怎么说，React.js还是适用于大型web应用，再国内使用量也是占据高峰

Vue.js正好综合了Angular.js和React.js二者的优势，既能数据双向绑定，又能弹性选择任意模板或函数，语法更简洁轻量，能达到响应式组件化开发，融合了webpack等打包工具以及状态管理工具，并且在社区中有相当多优秀的小伙伴来不断地支持和维护，这些优点使Vue.js成为近多年来最亲民最火的前端框架

React.js和Vue.js有很多共性，例如

虚拟dom实现快速渲染

轻量级响应式组件

服务端渲染易于集成路由工具，打包工具及状态管理工具

只不过借鉴了Angular.js中的数据双向绑定

就使Vue.js越来越方便开发

至于我们如何选择或学习

还是要看项目的要求，例如

如果要兼容ie，是不是Vue.js就不合适啊，就要用React.js来开发

所以要学会合理地使用框架

现在Vue.js3.x出来了，但是不打算学，还是要等到它稳定的普及使用了再学

也许在这期间内又火起来另一个更好的框架也说不定呢

随机文章