Angular與Vue


最近在考慮對前端js框架的選擇

根據前人的總結,就總結一下 Angular與Vue 的特點與區別

 

速度/性能

  雖然 Angular 和 Vue 都提供了很高的性能,但由於 Vue 的虛擬 DOM 實現的重量較輕,所以可以說 Vue 的速度/性能略微領先。

更簡單的編程模型使 Vue 能夠提供更好的性能。Vue 可以在沒有構建系統的情況下使用,因為開發者可以將其包含在 HTML 文件中。這使得 Vue 易於使用,從而提高了性能。

 

angular和vue的差別

  Angular是mvvm框架, 而vue是一個漸進式的框架, 相當於view層, 都有雙向數據綁定,  但是angular中的雙向數據綁定是基於臟檢查機制, vue的雙向數據綁定是基於ES5的getter和setter來實現, 而angular是有自己實現一套模板編譯規則,vue比angular更輕量, 性能上更高效, 比angular更容易上手, 學習成本低, vue需要一個el對象進行實例化, 而angular是整個html頁面下的,單頁面應用, 而vue可以有過個vue實例;


注:angular可以進行自動化的測試,就是一般做移動端應用時,ui-router路由方面難以處理,經常出錯,這塊是一個大坑。

--------------------- 

引:https://bbs.csdn.net/topics/392494180

 

1. vue 適合寫移動端,易於修改,比較容易上手,輕量級響應組件 ,是由個人維護的。服務端渲染易於集成路由工具,打包工具及狀態管理工具。
angular 適合寫web端,相對上手比較難,由google開發和維護,

2. 寫法
vue 以v-xxx開頭 同時支持簡寫如:v-on:click簡寫為@click 、v-bind:簡寫為:…
angular 以ng-xxx 開頭

3. vue click點擊事件沒參數可以不寫小括號
angular 后面必須寫小括號

4. vue 數據和方法都放在單獨的函數,或者字典里面,數據在data里面放着,條理清晰,便於看懂。

angular 父組件所有的數據和方法都是掛載在rootScope上,子組件所有的數據和方法都是掛載在 rootScope上,子組件所有的數據和方法都是掛載在rootScope上,子組件所有的數據和方法都是掛載在scope上

5. 作用域
vue中子組件想用父組件的值,需要傳值,並接收,
angular中傳值需要寫依賴項,並且重新賦值,

6. vue 是實時渲染,
angular 需要檢測到指定事件觸發時數據變化才更新。

7. 循環
vue 是v-for=" (item,index) in itemlist"
angular 是 ng-repeat=" (index,item ) in itemlist"

---------------------
原文:https://blog.csdn.net/qq_43288013/article/details/84961486

 

何時選擇 Vue.js?

如果你希望通過以最簡單的方式來制作 Web 應用程序,那么你應該選擇 Vue。如果你的 Javascript 基礎不是太強大,或者有嚴格的開發截止日期,Vue 將是一個很好的選擇。

如果你的前端是 Laravel,那么請選擇 Vue。Laravel 社區的開發者認為 Vue 是他們最喜歡的框架。Vue 將總處理時間縮短了50%,並釋放了服務器上的空間。

如果是開發小規模應用或者開發時不喜歡受約束,請選擇Vue。

如果你很熟悉 ES5 Javascript 和 HTML,那么請使用 Vue 完成你的項目。

如果你想要在瀏覽器中編譯模板並且使用其簡單性,使用獨立版本的Vue會很好。

如果你打算構建性能關鍵型SPA或需要功能范圍的 CSS,Vue 的單文件組件會非常完美。

何時選擇 Angular?

如果你需要構建大型復雜的應用程序,那么應該選擇 Angular,因為 Angular 為客戶端應用程序開發提供了一個完整而全面的解決方案。

對於希望處理客戶端和服務器端模式的開發人員來說,Angular 是一個不錯的選擇。開發人員喜歡 Angular 的主要原因是 Angular 能夠使他們專注於任何類型的設計,無論是 jQuery 調用還是 DOM 配置干擾。

對於開發人員創建具有多個組件和復雜需求的 Web 應用程序,Angular 也同樣適用。當你選擇Angular 時,本地開發人員會發現更容易理解應用程序功能和編碼結構。

如果你想在新項目中選擇現有組件,也可以選擇 Angular,因為你只需復制和粘貼代碼即可。

Angular 可以使用雙向數據綁定功能來管理 DOM 和模型之間的同步。這使 Angular 成為了 Web 應用程序開發的強有力的工具。

希望制作更輕更快的Web應用程序的開發人員可以利用 Angular 中的 MVC 結構和獨立的邏輯和數據組件,這有助於加速開發過程。

結論

Vue.js 是輕量級的開發框架,很適合開發小規模靈活的 Web 應用程序;而 Angular 盡管學習曲線較為陡峭,但卻是構建完整復雜應用的好選擇。

--------------------- 

https://www.cnblogs.com/powertoolsteam/archive/2018/03/13/8554125.html

 

如果您比其他功能更喜歡靈活性,請使用React。

如果您喜歡在TypeScript中編碼,請選擇Angular。

如果您是JavaScript愛好者,請使用React,因為它完全與JavaScript有關。

如果您喜歡干凈的代碼,請在您的應用程序中使用Vue。

Vue提供最簡單的學習曲線,是初學者的理想選擇。

如果要在應用程序中分離關注點,請使用Vue。

如果您喜歡面向對象的編程,Angular絕對是您的選擇。

Vue非常適合小型團隊和小型項目。如果您的應用程序似乎很大並且具有重要的未來擴展計划,請選擇React或Angular。

--------------------- 

引:https://baijiahao.baidu.com/s?id=1609374985643812253&wfr=spider&for=pc

 

共同學習,共同進步,若有補充,歡迎指出,謝謝!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM