Vue和React的對比

2021-10-08 07:10:23 字數 1244 閱讀 4281

我們來搞一搞vue和react的對比好吧,話不多說,上幹活。

react整體是函式式的思想,把元件設計成純元件,狀態和邏輯通過引數傳入, 所以在react中,是單向資料流,推崇結合immutable來實現資料不可變。 react在setstate之後會重新走渲染的流程,如果shouldcomponentupdate返回的是true,就繼續渲染, 如果返回了false,就不會重新渲染,purecomponent就是重寫了shouldcomponentupdate, 然後在裡面作了props和state的淺層對比;

而vue的思想是響應式的,也就是基於是資料可變加粗樣式的,通過對每乙個屬性建立watcher來監聽, 當屬性變化的時候,響應式的更新對應的虛擬dom

react的效能優化需要手動去做,而vue的效能優化是自動的,但是vue的響應式機制也有問題, 就是當state特別多的時候,watcher也會很多,會導致卡頓,所以大型應用(狀態特別多的)一般用react,更加可控

react的思路是all in js,通過js來生成html, 所以設計了jsx,還有通過js來操作css,社群的styled-component、jss等

vue是把html,css,js組合到一起,用各自的處理方式,vue有單檔案元件, 可以把html、css、js寫到乙個檔案中,html提供了模板引擎來處理。

react是類式的寫法,api很少 而vue是宣告式的寫法,通過傳入各種options,api和引數都很多。 所以react結合typescript更容易一起寫,vue稍微複雜。 vue結合vue-class-component也可以實現類式的寫法,但是還是需要通過decorator來新增宣告,並不純粹

react可以通過高階元件(higher order components–hoc)來擴充套件,而vue需要通過mixins來擴充套件 react剛開始也有mixin的寫法,通過react.createclass的api,不過現在很少用了。 vue也不是不能實現高階元件,只是特別麻煩,因為vue對與元件的option做了各種處理, 想實現高階元件就要知道每乙個option是怎麼處理的,然後正確的設定。

react做的事情很少,很多都交給社群去做,交給社群去做的優勢是可以產生很多優秀的方案,但是會增加技術棧的學習成本和上手難度。

vue很多東西都是內建的,寫起來確實方便一些,內建的優勢是技術棧學習成本低、上手快,但是方案變得不可替換了。

Vue和React的對比

今晚我們來搞一搞vue和react的對比好吧,話不多說今天我們直接開搞可好,各位小老闆,開始吧 1.react整體是函式式的思想,把元件設計成純元件,狀態和邏輯通過引數傳入,所以在react中,是單向資料流,推崇結合immutable來實現資料不可變。react在setstate之後會重新走渲染的流...

Vue 和 React 深度對比

我使用 vue 和 react 已經很長一段時間了,兩個框架上實踐 量都在 10 萬行以上。不得不說兩者都是很 nice 的,幫助開發者減少很多任務作量,這類框架是現代化前端開發必備的。然而 vue 和 react 兩者之間的選擇並不像選擇蘋果或香蕉一樣簡單,兩者在工程實踐上的差距讓我們逐漸放棄了 ...

React和Vue的簡單對比

react的基本功能差不多看完了,順帶讀了一點vue的基礎語法。其實為了更好的理解它們。1.功能上vue應該是比react更強大的,因為vue不僅支援傳統的以html為主線的模板引擎,同時也支援react發明的jsx。我沒有仔細去看vue的jsx,所以沒有辦法比較它與react的優劣,不清楚vue ...