首頁 > web前端 > js教程 > vue和react本質的差別是什麼

vue和react本質的差別是什麼

藏色散人
發布: 2021-02-02 10:32:00
原創
2252 人瀏覽過

vue和react本質的區別是模板和組件化的區別;Vue本質是MVVM框架,由MVC發展而來,而React是前端組件化框架,由後端組件化發展而來。

vue和react本質的差別是什麼

本文操作環境:windows7系統、react17.0.1&&vue2.0版本、Dell G3電腦。

Vue和React兩個JavaScript框架都是當下比較受歡迎的,他們兩者之間有什麼不同?

Vue.js是一套建構使用者介面的漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。 Vue 的核心庫只專注於視圖層,而且非常容易學習,非常容易與其它庫或已有專案整合。另一方面,Vue 完全有能力驅動採用單文件元件和Vue生態系統支援的庫開發的複雜單頁應用。

React是一個用於建立使用者介面的開源JavaScript庫,主要用於建立UI,很多人認為 React 是 MVC 中的 V(視圖)。 React 擁有較高的效能,程式碼邏輯非常簡單,越來越多的人開始關注和使用它。

React視圖通常採用包含以自訂HTML標記規定的其他元件的元件渲染。 React為程式設計師提供了一個子元件不能直接影響外層元件("data flows down")的模型,資料改變時對HTML文件的有效更新,和現代單頁應用程式中元件之間乾淨的分離。

vue和react的區別

vue和react的本質的區別:模板和組件化的區別

Vue本質是MVVM框架,由MVC發展而來;

React是前端組件化框架,由後端組件化發展而來;

資料流的不同:

vue雙向資料流React 單向響應資料流

監聽資料變化的實作原理不同

Vue 透過getter/setter 以及一些函數的劫持,能精確知道資料變化,不需要特別的最佳化就能達到很好的效能

React 預設是透過比較引用的方式進行的,如果不最佳化(PureComponent/shouldComponentUpdate)可能會導致大量不必要的VDOM的重新渲染

為什麼React 不精確監聽資料變化呢?這是因為 Vue 和 React 設計理念上的區別,Vue 使用的是可變數據,而React則更強調數據的不可變。所以應該說沒有好壞之分,Vue比較簡單,而React建置大型應用程式的時候比較穩健。

因為通常都會用一個資料層的框架例如 Vuex 和 Redux,所以這部分不作過多解釋,在最後的 vuex 和 redux的區別 中也會講到。

推薦:《js基礎教學

以上是vue和react本質的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板