angular和vue的优缺点（vue好还是angular简单）

本文目录

• vue好还是angular简单
• angular和vue区别
• Vue React Angular 区别比较
• Angular2 相比 Vue 有什么优势
• vue.js的优点和缺点在哪
• vue和angular的异同
• 前端选择vue还是Angular4

vue好还是angular简单

Vue和Angular我都使用过，并分别用这两个框架开发过网站，目前仍然在上线运行。

这里首先需要澄清一下我下面的论述：

关于

Vue.js

Vue

vue在国内很火，很多大大小小的公司开发前端应用都在使用它。因为作者尤雨溪同志在设计之初就将vue设定为简单易学，快速上手，学习曲线平缓。所以深受广大前端开发者的喜爱。它是一个渐进式的框架，通俗讲就是用它开发WebApp，一开始很小，随着开发的进行，功能的增加，你的项目复杂度会慢慢的增加。所以vue很适合小型的前端应用，小型的前端应用结构简单，功能较少。

但是，一旦你要给你的项目里添加更多的功能，vue就会要求你再去安装其他的包，比如路由包vue-router，比如HTTPAPI的前端axios（用这个访问后端服务器的API,来向后端传递数据或者访问后端服务器来获得数据）。这个过程就是“渐进”。

再说说vue的语法。在它的控制模块controller，语法还是比较简洁的，2.0版本采用的还是Javascript语法，去年11月发布的3.0则采用的是TypeScript。在它的视图模块View，则是将一些语法与HTML相结合，动态的生成最终的html代码。例如

《h1》{{title}}《/h1》

在你的JS代码中定义好这个title变量，并赋值，那么在最终的HTML代码中这个花括号和title位置就会被变量title的实际的值替换掉。

另外，在使用vue开发的时候，每一个*

.vue

好了，vue就先说到这里，接下来讲一讲Angular

Angular

Angular（简称ng）最早是由Google公司内部的一个工程师开发的，早期的1.0版本的语法非常繁琐，很难写，我个人学习前端框架，其实就是从angular1.0开始的，吐了很多次血。到了2.0以后，ng的架构就彻底的面向了MVC（model-view-controller），将视图、控制器、模型彻底分离，可以单独开发。ng的最大特点就是高度集成，你在开发项目的时候，对于API访问、异步操作等前端常见的功能，ng都已经有了内置的包，只需要依赖注入就可以了。比如

import{HttpClient,Http}from\"angular/core\"

ng从2.0开始，就直接要求使用TypeScript语言（微软出品，可以看作是OOP风格的JS，很好用，很规范）。每一个ng模块，都基本上由三个文件组成，*.html,*.js,*

.css

《input

type=\"text\"

id=\"name\"required

=\"title\"

name=\"name\"

》

这个title变量是与js文件中的title变量双向绑定的，无论在页面的输入框里修改title，还是通过js程序修改title，都会改变这个变量title的值，你看到的效果就是输入框里的内容变化了。

Angular的学习曲线比较陡峭，国内用的很少。但是我曾经和美国的哥们一起开发过WebApp，他们张口就是采用Angular4.0+。正好我也没怯场。ng在国外用的比较多，适合多人协作开发规模较大的项目。

补充

我经常和我的学生交流，他们说去了一些培训机构打听后，前端课程里也有vue，也有angular。但是我发现教授的angular都是

angular.js

如果你提问的目的是要去求职，从事前端开发的工作，那么在国内，没办法，Vue你必须掌握，Angular可以不去理会。

另外，不要忘了目前前端框架江湖的三分天下局势，道上还有另外一个框架，就是Facebook出品的，同样出名的React，有兴趣和精力了，也可以去了解一下。

最后，回到你的问题，哪个简单易学？是Vue。哪个好？我个人认为它们不相上下，都是生产环境下可靠的框架，都不会让你失望。

angular和vue区别

angular和vue区别：vue是个web前端类库，angular是个web前端框架。

如果你只是做个页面，用vue你会觉得挺容易，如果你开发个中大型中后台应用程序，用vue的作为底层库的话，你就必须再筛选各种类库和ui去搭建基础框架了。

当然目前市面上应该也会有基于vue的框架，还好现在社区基于vue的类库插件还是挺多的，所以，我觉得vue比较适合中大型企业，毕竟要维护那么多类库，还是需要人手的。

angular确实很尴尬，如果只是作为一个简单页面的话，它确实太臃肿了。如果你做大型项目，可能后期运维方面的需求没办法保障或者客户的奇葩需求无法实现。

所以，我觉得angular适合独立开发人员或者小公司，毕竟已经是个成熟的框架了，目前中后web应用程序的需求都能满足。至于学习起来，前期确实比较吃力，因为大部分人没有架构概念，但是学习之后，你对整个web前端架构理解会深刻很多。

总之，vue上手简单，越往后越难，因为初学者对前端架构理解不足，后期学习会吃力，但中大型公司为了满足各种业务场景，就选择用vue自己搭建整个web前端框架，至于刚入职的同学顶多就写写业务组件，长久以为，你对架构的理解进步就比较慢了。

Vue React Angular 区别比较

三大主流框架相比之前的框架来说，可以说是革命性的，主要是引入 响应式 和 组件化 两大特性

快速对比：

共同特点除了两大特性响应式和组件化，还有比如路由等等

2013年，在Google工作的尤雨溪，受到 AngularJs启发，开发出了一款轻量级框架，最初命名为 Seed，12月更名为Vue，代表生机勃勃的绿色logo。用过的人会发现，其实vue2.6.x 语法跟Angularjs非常像，当然vue解决了angularjs 很多弊端

2014年1月 正式对外发布0.8.0版本

2015.10 发布1.0.0是第一个里程碑，随着vue-router、vuex、vue-cli 相继发布，标志着 Vue从一个视图层库发展为一个渐进式框架。

2016.10 发布2.0.0 第二个重要里程碑，吸收了React的虚拟Dom方案，还支持服务端渲染，也是从这个版本开始，火起来的。

2019.02 发布2.6.x 版本，承前启后的版本，在这之后就是3.x.x了

2020.09.18 正式发布v3.0.0，更小更快，对typescript 更好的支持

2013年 Facebook开源了React，7月对外发布v0.3.0
目前最新的版本是18.1.x

Angular2.0之前其实叫AngularJS（1.0-1.8），Angular指的是Angular 2.0及之后版本

AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后被 Google 收购，那个时候angularjs版本更新很慢到2016年angularjs版本才是1.7.*，更新速度比较慢, 目前最新的是1.8.x版本

2016年09月发布 Angular2.0，彻底从底层重构了，现在已经是分开两个产品，Angular2.0以后更新速度就快了，每个6个月就会升级一个大版本,目前最新是v13.3.x了

Angular2 相比 Vue 有什么优势

1. Angular2 由 Google 主导，而 Vue 由个人主导。
并不是说能力方面，但考虑到个人的经费和精力等多方面原因，团队项目要比个人项目在多方面因素上更为靠谱。
2. Angular2 旨在提供通用的【前】端方案，而 Vue 仅专注于 Web。
作为框架而言 Angular2 在实现上具有更高的抽象层次，不仅可以开发 Web 应用（面向 DOM），还可以开发客户端应用（面向 Native UI），比如搭配 NativeScript。
3. Angular2 有原生的 Isomorphic 解决方案，而 Vue 只能靠第三方库或服务。
服务器端渲染可以提供良好的 SEO 以及首页加载的性能优化，而 Angular2 有官方提供的服务器端渲染支持，可以解决 Vue 等纯前端框架无法解决的痛点。

vue.js的优点和缺点在哪

AngularJS的学习成本高，比如增加了DependencyInjection特性，而Vue.js本身提供的API都比较简单、直观。在性能上，AngularJS依赖对数据做脏检查，所以Watcher越多越慢。Vue.js使用基于依赖追踪的观察并且使用异步队列更新。

缺点：新生儿：Vue.js是一个新的项目，没有angular那么成熟。影响度不是很大：google了一下，有关于Vue.js多样性或者说丰富性少于其他一些有名的库不支持IE8。

Vue的优缺点：易于使用：Vue.js包含基于HTML的标准模板，可以更轻松地使用和修改现有应用程序。更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。

Vue.js采用了组件化的开发方式，将一个大型应用程序拆分成多个小的组件。这种方式让应用程序更易于维护和扩展，同时也提高了代码的复用性。

渐进式构建能力是vue.js最大的优势，vue有一个简洁而且合理的架构，使得它易于理解和构建。vue有一个强大的充满激情人群的社区，这为vue.js增加了巨大的价值，使得为一个空白项目创建一个综合的解决方案变得十分容易。

vue和angular的异同

1、都支持数据绑定，vue和angular绑定都可以用{{}}；
2、都支持内置指令和自定义指令
3、都支持内置过滤器和自定义过滤器
4、都不支持低版本浏览器

angular比vue更复杂，学习成本更高。比如angular增加了依赖注入（dependency injiction）特性。但却是在构建完整复杂应用方面，angular是更好的选择。

Vue.js 是轻量级的开发框架，本身提供的API都比较简单、直观，很适合开发小规模灵活的 Web 应用程序，可以快速地掌握它的全部特性并投入开发。

angular依赖对数据做脏检查，所以随着程序复杂程度的提高，watcher会越来越多，vue使用基于依赖追踪的观察，并且使用异步队列更新，所有的数据都是独立触发的，且vue的双向绑定是基于ES5 的 getter/setter来实现的，而angular而是由自己实现一套模版编译规则，需要进行所谓的“脏”检查，vue则不需要。因此，vue在性能上更高效，但是代价是对于ie9以下的浏览器无法支持。

vue相当于angular要变得小巧很多，运行速度比angular快.

vue指令用v-xxx，angular用ng-xxx，angular用的指令是ng-前缀的，而vue是v-

vue有组件化概念，angular中没有

vue中数据放在data对象里面，angular数据绑定在$scope上面。

Angular 1 使用双向绑定，Vue 在不同组件间强制使用单向数据流。这使应用中的数据流更加清晰易懂。

Vue.js 有更好的性能，并且非常非常容易优化，因为它不使用脏检查。Angular，当 watcher 越来越多时会变得越来越慢，因为作用域内的每一次变化，所有 watcher 都要重新计算。并且，如果一些 watcher 触发另一个更新，脏检查循环（digest cycle）可能要运行多次。 Angular 用户常常要使用深奥的技术，以解决脏检查循环的问题。有时没有简单的办法来优化有大量 watcher 的作用域。Vue.js 则根本没有这个问题，因为它使用基于依赖追踪的观察系统并且异步列队更新，所有的数据变化都是独立地触发，除非它们之间有明确的依赖关系。唯一需要做的优化是在 v-for 上使用 track-by。

前端选择vue还是Angular4

实践经验表明，Vue在数据量很大的时候不好维护，所以对于大型项目，Angular4显然更适合，但Angular比较复杂，还有面向对象、依赖注入、MVC等思想；如果由后端学过Java的人来做，应该也比较好上手；但是对于只学过前端的人来说，有一堆思想要领悟，上手比较慢；但Vue则相对简单，Vue的好用之处大概就是，用下来你发现，div还是那个div，css还是那个css，js也还是那个js，只是组织的方式和配合他们的工具不同而已。

当前Vue的生态环境相较两年前成熟了很多，相关工具、官方文档和非官方文档都很完善，社区也很活跃。越来越多的大公司已将Vue用于生产环境，github上现在也已经有数以万计的跟Vue有关的开源项目了。因此，对于中小型项目，你完全可以放心地使用Vue来构建。

既然说Vue工具齐全，那我这里简单列举几个常用的工具吧：

vue-router：用于配置单页面应用的组件和映射，使用的方式和ui-router类似，支持嵌套路由，正则匹配路由，参数传递，history模式

vuex：一个专门为Vue应用设计的状态管理模型和库。它为应用内的所有组件提供集中式存储服务，其中的规则确保状态只能按预期方式变更

element:饿了么出品，基于VUE的组件库，开箱即用。

除了上述之外，还有webpack、axios、node等等工具可以用，且关于Vue的官方和非官方文档都很丰富，完全可以快速上手。

最后，Vue跟微信小程序很像，而且美团还开源了mpvue，意味着你甚至可以直接使用Vue来开发小程序。等于说，你学会了Vue，不仅学会了前端，还学会了微信小程序，一举两得，岂不美哉？