首頁  >  文章  >  web前端  >  vue和react相似和區別是什麼

vue和react相似和區別是什麼

coldplay.xixi
coldplay.xixi原創
2020-11-11 13:44:412619瀏覽

vue和react相似和區別:1、相似之處是他們都是JavaScript的UI框架,專注於創造前端的富應用;2、區別是react資料流單向,而vue資料雙向綁定定。

vue和react相似和區別是什麼

【相關文章推薦:vue.js

vue和react相似和差異:

相似之處

  • 他們都是JavaScript的UI框架,專注於創造前端的豐富應用

  • #不同於早期的JavaScript框架“功能齊全”,Reat與Vue只有框架的骨架,其他的功能如路由、狀態管理等是框架分離的元件。

  • Vue.js(2.0版本)與React的其中最大一個相似之處,就是他們都使用了一種叫做'Virtual DOM'的東西

  • 都鼓勵元件化

  • 看到React和Vue都有'props'的概念,這是properties的簡寫。 props在元件中是一個特殊的屬性,允許父元件往子元件傳送資料。

  • React和Vue都有自己的建置工具,你可以用它快速建立開發環境

  • React和Vue都有很好的Chrome擴充工具去幫你找出bug。

  • Vue與React最後一個相似但略有不同之處是它們配套框架的處理方法。同樣之處在於,兩個框架都專注於UI層,其他的功能如路由、狀態管理等都交由同伴框架進行處理。

react

  • #資料流單向

  • React推廣了Virtual DOM,並創造了新的語法-JSX,JSX允許開發者在JavaScript中書寫HTML

  • React一樣由如Facebook這類大公司維護

  • #props對於子元件來說是必須的,因為它依賴一個「單一資料來源」作為它的「狀態」

  • React可以使用Create React App ( CRA)

  • 而React的react-router和react-redux則是由社群成員維護,它們都不是官方維護的。

  • React與Vue最大的不同是模板的寫法

  • #在React中你需要使用setState()方法去更新狀態

  • 多數情況下,框架內建的狀態管理是不足以支撐大型應用的,Redux或Vuex等狀態管理方案是必須使用的。

vue

  • #資料雙向綁定

  • Vue使用模板系統而不是JSX,使其對現有應用的升級更加容易,這是因為模板用的就是普通的HTML,透過Vue來整合現有的系統是比較容易的,不需要整體重構

  • #Vue主要是由一位開發者進行維護的

  • 而在Vue中,props則略有不同。它們一樣是在元件中被定義,但Vue依賴於模板語法,你可以透過模板的循環函數更有效率地展示傳入的資料。

  • Vue對應的則是vue-cli

  • #Vue的核心團隊維護vue-router和vuex

  • React與Vue最大的不同是模板的編寫

  • 在Vue中,state物件並不是必須的,資料由data屬性在Vue物件中管理。

  • Vue的)解決方案適用於小型應用,但對於大型應用不太適合。

相關免費學習推薦:JavaScript(影片)

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn