競爭不僅存在于編程語言之間，框架之間的對比也是無處不在。Vue早期的開發(fā)靈感來源于Angular.js，雖然新的Angular的許多實現(xiàn)都已經重寫，但是雙方在語法方面仍有很多相似性，自然避免不了對比的命運。

2017年10月14日，Vue.js 2.5發(fā)布，時隔半個月，Angular 5也正式可用了。本就是彼此競爭的?？?，如今版本發(fā)布時間這么相近，新一輪的競爭儼然已經開始。

Vue.js 2.5發(fā)布

經過不斷的更新和發(fā)展，Vue已經成長為最受歡迎的框架之一。 Vue 2.5 Level E 發(fā)布，早先一直在傳的有關TypeScript的改進，在這個版本中也獲得了體現(xiàn)。接下來我們先來看一下，Vue.js的新功能包括哪些。

更好的TypeScript集成：Vue.js 2.5大大改進了類型聲明，Vetur 等編輯器擴展功能更強大，同時也為純 JavaScript 用戶提供更好的Intellisense 支持;

更好的錯誤處理：Vue.js 2.5中引入了新的errorCaptured鉤子。 具有此鉤子的組件捕獲其子組件樹中的所有錯誤，其與React 16引入的錯誤邊界概念相似。

與環(huán)境無關的服務端渲染：Vue.js 2.5 中發(fā)布了一個與環(huán)境無關的 vue-server-renderer 版本，可以在瀏覽器或純 JavaScript 引擎中使用。

Vue的創(chuàng)始人尤雨溪在談到Vue的理念時表示：“Vue有一個其它框架都沒有的理念，那就是把高大上的思想變得平易近人。”沒錯兒，Vue一直以來也是秉持著容易上手和文檔友好的觀念來進行更新的。

Angular 5發(fā)布

Angular 5更專注于“smaller, faster, and easier to use”，這與Vue“平易近人”的理念不謀而合。新版本中擁有全新的構建優(yōu)化器，默認情況下，在CLI創(chuàng)建production build時運行。據(jù)悉，該構建優(yōu)化器主要有兩個功能，其一是精簡應用程序，它會標記應用程序的每個部分，然后刪除不必要的部分。其二是在Angular運行時代碼中刪除Angular decorators，decorators是由編譯器使用，在運行時并不需要。這些做法減少了JavaScript軟件包的大小，并為用戶提高了應用程序的啟動速度。

Angular 5.0允許用戶通過Angular Universal State Transfer API和DOM共享應用程序的服務器端和客戶端版本之間的應用程序狀態(tài)。ServerTransferStateModule和BrowserTransferStateModule允許用戶使用平臺服務器生成有關信息，并傳輸?shù)娇蛻舳恕?/p>

其它新功能還有很多，例如改進編譯器以支持增量編譯，支持TypeScript變換，支持decorators改進。

相繼發(fā)布新版本，雙方較量再升級

Vue與Angular從誕生之初似乎就難以避免被對比的命運，除了一些媒體和技術人員在對這兩款框架做橫向對比之外，前端時間某乎上Vue作者和Angular前官方布道者也真刀實槍的開戰(zhàn)了。

尤雨溪從CLI/工具鏈、異步加載模塊、單元測試和集成測試、TypeScript、AOT & Treeshaking以及團隊等方面對大漠窮秋進行了回應。本文不對兩位開發(fā)者的言論做正確性的評判，只從該事件中窺一斑而見全豹，粗淺分析Vue和Angular兩者之間的差別。

首先，兩個框架對于CLI的定位不一樣，Vue-cli只是一個初始化工具，真正負責打包的是webpack配置和npm腳本，而Angular/cli是一個全包式的命令行工具。在對TypeScript的支持方面，顯然以TypeScript為主導的Angular天然就有優(yōu)勢，Angular 5支持TypeScript變換，但是Vue也沒有閑著，我們看到Vue自2.0版本就開始支持TypeScript，新版本中對于TypeScript的集成更進一步了。

關于輕量級，毫無疑問輕量頁面更適合使用Vue，而Angular雖然更適合重型應用，但也在輕量化方面做了一些嘗試，其既可以選擇組件化，也可以選擇不組件化，僅以模板形式與數(shù)據(jù)結合。在團隊方面，背靠Google這棵大樹的Angular顯然比Vue更具優(yōu)勢。

寫在最后

“任何不以場景為前提的設計都是耍流氓，任何太不切實際的理想終將覆滅，任何想永存的都是臨時方案。”框架之間的對比永遠不是為了戰(zhàn)勝某一個，而是相互促進、相互學習，幫助開發(fā)者和企業(yè)更好的開發(fā)應用。