说一说Angular“吊打”React和Vue的几个点

前言

首先这篇文章确定是个标题党了，先给你们说声对不起。

Angular确定也有它不适用的场景，可是这一系列的文章是为了讲Angular，因此无论各位兄弟姐妹对本身钟爱的框架有多么热爱。这里也只会讲我本身在使用三种框架的过程当中遇到的Angular中比较好解决的场景而React或者Vue中解决起来有些痛苦的场景。

对不起了。。。。

下面的场景有些只针对某一种框架，有些针对React和Vue两种框架。若是各位以为本身用的框架解决起来还不错，请跳过这个场景。

目录

• 场景一：表单
• 场景七：拖拽
• 场景九：安全导航操做符 ( ?. ) 和空属性路径 safe-navigation-operator

场景一： 表单

Angular的项目就是能够保证全部的技术方案都可以统一。这才是框架存在的意义。

补充

感谢两位指出错误，已修改。关于动态表单的例子在Angular“吊打“React和Vue——表单引用其余做者写的优秀文章进行说明。

场景二：路由

1. 当用户知足某些条件的时候能够进入某个页面（好比访问权限）
2. 在一个表单页面，若是用户填写表单以后，没有保存，在离开页面的时候要提示用户保存
3. 有一些接口或场景可能性能数据获取的比较慢，但愿可以获取到数据以后再进行页面跳转（避免页面长时间的白屏）

场景三： 环境变量

1. 在不一样的开发环境上，咱们的测试帐号也是不一样的，如何不作各类逻辑判断让应用可以正确的在不一样的环境上使用对应环境的数据

场景四： module

1. 多个组件使用十分多的其余封装好的公用组件的时候，React和Vue中每使用一个组件都须要重复的import（会出现一个组件文件的开头是大量的import）

场景五： “最佳实践”

1. react和vue的用户可能每换一个公司甚至每换一个部门都要从新学习一下新的部门的“最佳实践”

场景六： 业务代码的复用

场景七：拖拽

拖拽的例子

场景八： 对ts的支持

这里的Vue用户先想想16年大漠穷秋在知乎上发布那些专栏的时候，那么多Vue的用户各类吐槽typescript的话。（真香警告）

这里能够大言不惭的说，三大框架对ts支持最好的是Angular。

想一想你在React中使用ts的时候定义各类props和state的酸爽

想一想Vue中为了使用ts开发的vue-class-component（这不是学Angular的写法吗？那怎么不直接用Angular？？？？）

场景九： 安全导航操做符 ( ?. ) 和空属性路径 safe-navigation-operator

这个特性在新的es版本里有提案参考地址

而Angular从Angular2的时候就开始支持了

安全导航这个特性能够吊打React中渲染多层嵌套的对象的数据的时候各类三元判断的恶心写法。

安全导航操做符 ( ?. ) 和空属性路径

关于这个老哥的问题，我想在这里详细说一下。

Angular有本身的设计思想，它不像Vue借鉴完anjularjs又去借鉴React。

jsx这东西原本就是React强行加上去的。ts也只是为了照顾React的用户出了一个tsx。

这东西是否是个好东西先不说。但不是说React有的Angular就也去借鉴。

你能够用tsc生成一个配置文件。默认是不支持tsx的。你须要本身修改。

场景十： 管道

场景十一： i18n

十二：学习回报

学会了Angular你能够同时学会使用

• Ionic 一个Hybird应用开发框架
• NativeScript 相似React Native的框架
• nestjs 一个优秀的企业级的node后端框架。

这里另附一份nestjs官方文档上的一张截图

这里并无列举彻底，先发出来后期添加。