相同點

都有組件化開發(fā)和Virtual DOM

都支持props進行父子組件間數(shù)據(jù)通信

都支持數(shù)據(jù)驅(qū)動視圖, 不直接操作真實DOM, 更新狀態(tài)數(shù)據(jù)界面就自動更新

都支持服務(wù)器端渲染

都有支持native的方案,React的React Native,Vue的Weex

不同點

數(shù)據(jù)綁定: vue實現(xiàn)了數(shù)據(jù)的雙向綁定,react數(shù)據(jù)流動是單向的

組件寫法不一樣, React推薦的做法是 JSX , 也就是把HTML和CSS全都寫進JavaScript

?

了,即'all in js'; Vue推薦的做法是webpack+vue-loader的單文件組件格式,即html,css,js寫在同一個文件

state對象在react應(yīng)用中不可變的,需要使用setState方法更新狀態(tài);在vue中,state對象不是必須的,數(shù)據(jù)由data屬性在vue對象中管理

virtual DOM不一樣,vue會跟蹤每一個組件的依賴關(guān)系,不需要重新渲染整個組件樹.而對于React而言,每當應(yīng)用的狀態(tài)被改變時,全部組件都會重新渲染,所以react中會需要shouldComponentUpdate這個生命周期函數(shù)方法來進行控制

React嚴格上只針對MVC的view層,Vue則是MVVM模式

總結(jié)

以上是生活随笔為你收集整理的前端学习（1841）：前端面试题之react和vue区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。