Vue與React的區別

2021-08-28 20:38:57 字數 734 閱讀 9516

1.改變資料改變檢視的方式

vue 通過 this.obj.a = 'aa' 直接賦值或者 this.$set(this.obj, 'a', 'aa')

react 通過 this.setstate()  更加的統一化明顯,易於查詢

2.react.js把頁面的改變當作一幀一幀的動畫對待

3.react.js的事件需要自己繫結this值,vue已經繫結好

4.react.js對於表單原件沒有v-model的雙向繫結語法糖

5.react.js更貼近原生js,利用原生js去實現v-for指令

6.react.js統一父元件自上而下的資料流清晰,bug覆蓋面低,易於差錯

7.react.js中利用props.children實現vue slot功能

8.react.js元件名開頭字母必須大寫

看了react的tic tac toe,為了對比兩個框架,遂用vue實現了一遍

整個流程,按照循序漸進的方式分為5個demo

01demo 主要用來實現9個小格都顯示相應數字數字,主要利用了 slot

02demo 實現小格可以填寫x,利用v-for快速生成模版

03demo 實現小格可以切換x或o,並且有提示下乙個填寫x或o

04demo 實現了計算勝利者

05demo 實現了時光穿梭,可以記錄每一步,陣列型別的值要進行淺層複製,否則會導致每一次的資料都一樣

大家可以自己動手做一遍,總結下react和vue差別

vue與react的小區別

1 繫結事件event傳遞區別 沒有特殊區別 通過event獲取dom節點 onchange react並不需要傳遞引數 inputchange event 如果需要額外傳遞引數,似乎也需要動態的將event作為引數傳遞進來 通過event獲取dom節點 點選這種也可以獲取到dom 點選需要使用特殊...

react和vue的區別

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

react 體驗 react與vue的比較

用了 vue 大半年了,不過我在2016年暑假的時候就看到了 react 這個專案,學習了一番,不過之前學習的都是基礎語法和一些基礎用法吧,總的來說 mvvm 框架確實都很相似,會乙個就可以了 今天我的配置 react 的時候,搜尋過後,發現很多都是一步一步來配置檔案的,不過也有好處可以幫助我理解 ...