vue與react的小區別

2022-03-25 11:28:46 字數 2081 閱讀 4312

1:繫結事件event傳遞區別(沒有特殊區別)

通過event獲取dom節點

} onchange = />

react並不需要傳遞引數

inputchange = (event)=>

})};如果需要額外傳遞引數,似乎也需要動態的將event作為引數傳遞進來

通過event獲取dom節點

點選這種也可以獲取到dom

點選需要使用特殊的引數$event,才可以準確的獲取到

handleclick:

function

(e,value) ,

2:事件系統的區別

react給元素繫結的事件都屬於合成事件(可參考什麼是合成事件),在速度方面,原生事件會優先與合成事件觸發

vue1:v-on指令在普通元素上面使用,屬於監聽元素的原生事件;在元件上面使用。屬於監聽子元件的自定義事件

2:vm.$on監聽當前例項的自定義事件

3:ref的使用區別

vue

1:ref用於普通元素上面時,包含的是該dom節點的相關資訊;在元件上面使用時,指向的是子元件的例項(是不是給我們多提供了一種元件間通訊的方式呢)

2:ref的具體使用方式似乎只有一種

react

1:ref用於普通元素上面時,包含的是該dom節點的相關資訊;在元件上面使用時,指向的是子元件的例項(是不是給我們多提供了一種元件間通訊的方式呢)

2:不能再函式元件當中使用ref,因為函式元件沒有例項

4:狀態管理器的簡要區別

vuex的mutation 與redux dispatch(reducer) 筆記記錄

1:提交方式的區別

vuex

store.commit('increment', 10) //

額外新增引數

使用物件的形式

store.commit('increment', )

使用物件的形式

store.commit()

//我更傾向於這種方式 與dispatch(action)一致

2:使用常量代替mutation 事件型別

export const some_mutation = 'some_mutation'store.commit()

總結:redux確實也喜歡將常量定義在常量檔案中;

3:mutation 必須是同步函式

reducer要求的是純函式,兩者的目的是一致的

4:在元件中提交 mutation

vuex借助mapmutations 函式,將元件中的 methods 對映為 store.commit 呼叫

react-redux 提供connect函式,將方法對映到props屬性上面

5:action

action 提交的是 mutation,而不是直接變更狀態。

action 可以包含任意非同步操作

總結:vuex非同步資料存放在action中,直接請求;redux需要借助中介軟體的形式

6:module

const modulea =,

mutations: ,

actions: ,

getters:

}const moduleb =,

mutations: ,

actions:

}const store = new

vuex.store(

}redux的寫法

export

default

combinereducers()

5:vuex 與 redux的核心原則

redux 遵循三個基本原則:

狀態是唯讀的: 改變狀態的唯一方法是發出乙個動作,乙個描述發生的事情的物件。這可以確保檢視和網路請求都不會直接寫入狀態。

vuex 應用構建的原則是什麼

集中在 store 中的應用級 state。

只有通過提交乙個 mutations 這樣乙個同步的事務來改變 state。

同步的邏輯應該封裝在 mutations 中並能夠被 actions 操作。

總結:大同小異

Vue與React的區別

1.改變資料改變檢視的方式 vue 通過 this.obj.a aa 直接賦值或者 this.set this.obj,a aa react 通過 this.setstate 更加的統一化明顯,易於查詢 2.react.js把頁面的改變當作一幀一幀的動畫對待 3.react.js的事件需要自己繫結t...

if與switch的小區別

switch語句與if語句 switch幾個特點 什麼時候用switch 當範圍較小且為資料char,int,byte,short這四種型別時,用switch語句更好 因為switch語句的系統編譯效率相對if來說效率稍高。什麼時候用if 但是如果資料比較多,或者為boolean型別時。用if更好 ...

react和vue的區別

資料是否可變 react整體是函式式的思想,把元件設計成純元件,狀態和邏輯通過引數傳入,所以在react中,是單向資料流,推崇結合immutable來實現資料不可變 vue的思想是響應式的,也就是基於是資料可變的,通過對每乙個屬性建立watcher來監聽,當屬性變化的時候,響應式的更新對應的虛擬do...