Angular2 相比 Vue 有啥优势

Posted 2023-05-10

1. Angular2 由 Google 主导，而 Vue 由个人主导。
并不是说能力方面，但考虑到个人的经费和精力等多方面原因，团队项目要比个人项目在多方面因素上更为靠谱。

2. Angular2 旨在提供通用的【前】端方案，而 Vue 仅专注于 Web。
作为框架而言 Angular2 在实现上具有更高的抽象层次，不仅可以开发 Web 应用（面向 DOM），还可以开发客户端应用（面向 Native UI），比如搭配 NativeScript。

3. Angular2 有原生的 Isomorphic 解决方案，而 Vue 只能靠第三方库或服务。
服务器端渲染可以提供良好的 SEO 以及首页加载的性能优化，而 Angular2 有官方提供的服务器端渲染支持，可以解决 Vue 等纯前端框架无法解决的痛点。 参考技术A Angular2相对于Vue的优势在Vue2.0之后已经削弱很多了。比如SSR（Vue2已经原生支持）和全栈式框架（官方推荐Vuex+Vue-Router），native端也有阿里巴巴的weex。
但是Angular2在API设计的完整度和覆盖度上还是Vue所不能及的，主要有这么几点

1. Angular2原生Form支持：

Angular2原生的Form模块功能相当强大。除了双向绑定之类的基本功能，还能通过programatic API 控制dom元素的表单行为。也有成型API提供自定义validator。这一点Vue只有v-model和第三方库。对于后台之类的重表单应用，还是Ng2有优势。本回答被提问者采纳 参考技术B vue是angular的一个精简版类似的存在，angular2还有很多功能vue没实现的。另外angular2的背后支持也比vue强大，生态环境也比vue健全。 参考技术C 1.Angular2由Google主导，而Vue由个人主导。并不是说能力方面，但考虑到个人的经费和精力等多方面原因，团队项目要比个人项目在多方面因素上更为靠谱。2.Angular2旨在提供通用的【前】端方案，

Angular 5 HttpClient 与以前的 Http 相比有啥优势？

【中文标题】Angular 5 HttpClient 与以前的 Http 相比有啥优势？

【英文标题】：What are advantages of Angular 5 HttpClient over previous Http?Angular 5 HttpClient 与以前的 Http 相比有什么优势？

【发布时间】：2018-06-02 10:07:49

【问题描述】：

我阅读了官方升级指南，上面写着“因为 HttpClient 得到广泛采用，我们决定......”但是这个 HttpClient 带来的真正好处是什么？

我正在考虑尝试一下，但中途感到困惑，因为我不知道升级后这些需要发生什么：

从 '@angular/http' 导入 Http, Headers, RequestOptions, ResponseContentType ;

我试图在新客户端中找到“匹配项： 从 '@angular/common/http' 导入 HttpClient, HttpParams, HttpHeaders

但不知道应该如何正确“升级”这些，因为指南没有提及。

那么第二个问题 - 我们如何处理其他 http 的东西？

【问题讨论】：

也许这个答案仍然适用：***.com/questions/45129790/…

Difference between HTTP and HTTPClient in angular 4?的可能重复

【参考方案1】：

HttpClient 接口与旧的 Http 接口几乎没有变化。最大的不同是 HttpClientModule 对中间件（即 .HTTP 拦截器）有更好的支持。

一些功能优势：

•   Strongly typed response body access
•   JSON assumed by default (no more need to do .map(t=>t.json())
•   Better support for interceptors as middleware
•   Immutable request/response objects
•   Progress events for request upload/response download

借助新的 http 客户端，可以直接将 HTTP 拦截器用于中间件组件。

中间件模式的一些好处：

HTTP 请求的全局错误处理 全局重试机制（即重试 3 次） 用于长时间运行的全局 HTTP 微调器。

例如，客户端代码（使用 HttpClient）无需担心错误处理、重试或可视等待组件——所有这些都在一个地方处理。

【讨论】：

那么我是否有机会阅读有关第二个问题的一些内容 - 应该从旧方式迁移哪些内容：Headers、ResponseType？

您仍然可以通过this.http.get('...', observe: 'response' );访问完整的 HTTP 响应对象（包括标头）

非常感谢！我现在成功地将我的代码迁移到 HttpClient ；）并且还使用了您的建议回复。事实上，它现在对我来说是更清晰的代码！;)