說一說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官方文檔上的一張截圖

這裏並無列舉徹底，先發出來後期添加。