Vue於React特性簡單對比(一)

2022-06-29 06:00:09 字數 1206 閱讀 3288

一,物件實體對比

vue的物件實體依然是html,而react的物件實體已經變味jsx,一種新的語法結構。

vue的html與react的jsx都可以進行拆分,拆分成更細小的元件,元件之間可以傳值。

二,生命週期

顯然二者都有生命週期概念,生命週期讓靜態物件實體變為動態實體。

vue的生命週期:

beforecreate

created

beforemount

mounted

beforedestroy

destroyed

react的生命週期

constructor

componentwillmount

render()

componentdidmount

componentwillreceiveprops

shouldcomponentupdate

componentwillupdata

render()

componentdidupdate()

componentwillunmount()

三,修改系統

修改系統第一步是賦值,因為不管是html還是jsx都只是乙個結構,沒有資料的結構,所以第一步是賦予資料。

賦予資料的方式有

vue  

data是資料集合

v-for,v-if,v-show,v-else,v-else-if,v-bind,v-on,refs,},props;

react

在es6中,可以在this.state中產生初始化資料。也可以使用getinitialstate設定初始化資料。

繫結資料的方式

{},},refs,props

明顯可以看出就專屬繫結資料方式而言,vue顯然要比react多,原因就在於物件實體的不同。jsx是新的語法結構,可以直接使用js進行操作,因此也就減少了專有屬性標籤的使用。

繫結資料的部分包含特殊一部分:修改資料的方式。

修改資料發生在兩個過程中:不管是vue還是react,生命週期階段以及事件觸發階段。

vue事件觸發主要是v-on,而react就比較厲害了是原生的方式。on-大寫事件名稱。

此外react的class出於關鍵字的考慮,改為classname,for這個屬性改為htmlfor。

本文是vue和react表明功能的初級對比,不足之處還望指出。

對比二跳**

React和Vue的簡單對比

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

Vue和React的對比

我們來搞一搞vue和react的對比好吧,話不多說,上幹活。react整體是函式式的思想,把元件設計成純元件,狀態和邏輯通過引數傳入,所以在react中,是單向資料流,推崇結合immutable來實現資料不可變。react在setstate之後會重新走渲染的流程,如果shouldcomponentu...

Vue 和 React 深度對比

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