vue能讓基於網頁的前端應用程式開發起來更加方便，因為Vue.js有聲明式，響應式的資料綁定，與元件化的開發，並且還使用了Virtual DOM；React可用於創建Web使用者互動介面，它引入了一種新的方式來處理瀏覽器DOM。
本教學操作環境：windows7系統、react17.0.1&&vue2.0版本、Dell G3電腦。
相關推薦：《vue.js教學》
#vuet能做什麼？
Vue.js是一個建構資料驅動的 web 介面的漸進式框架。 Vue.js 的目標是透過盡可能簡單的 API 實現回應的資料綁定和組合的視圖元件。 Vue 的核心庫只專注於視圖層，而且非常容易學習，非常容易與其它庫或已有專案整合。另一方面，Vue 完全有能力驅動採用單文件元件和Vue生態系統支援的庫開發的複雜單頁應用。
Vue.js 的目標是透過盡可能簡單的API 實現回應的資料綁定和組合的視圖元件
Vue.js能讓基於網頁的前端應用程式開發起來更加方便，因為Vue.js有聲明式，響應式的資料綁定，與元件化的開發，也使用了Virtual DOM。
vue可以簡單寫單一頁面，也可以寫一個大的前端系統。
Vue可以做從簡單到複雜的前端單頁應用，隨處可見的Web前端都可以用Vue來開發。
應用程式場景：
如果你還在用jquery頻繁操作你的DOM來更新頁面的話，那麼，你可以用Vue.js來解放你的DOM操作了。
如果你的專案中有多個部分是相同的，並且可以封裝成一個元件，那麼，你可以試試用Vue.js。
此外，Vue.js的核心實作中使用了ES5的Object.defineProperty特性，IE8及以下版本瀏覽器是不相容的，所以，你的專案需要與這些較低版本的瀏覽器相容的話，那麼，Vue.js就不適用了。
畢竟，開發一個專案的目的不是為了使用某個框架。
react能做什麼？
React是一個JavaScript框架，用於建立「可預期的」和「聲明式的」Web使用者介面，它使Facebook可以更快地開發Web應用。
React可用於建立Web使用者互動介面。它引入了一種新的方式來處理瀏覽器DOM。
那些需要手動更新DOM、費力地記錄每一個狀態的日子一去不復返了——這種老舅的方式既不具備擴展性，又很難加入新的功能，就算可以，也是有著冒著很大的風險。
React使用很新穎的方式解決了這些問題。你只需要聲明地定義各個時間點的使用者介面，而無序關係在資料變化時，需要更新哪一部分DOM。在任何時間點，React都能以最小的DOM修改來更新整個應用程式。
React引入了一些令人興奮的新概念，向現有的一些最佳實踐發起了挑戰。學習這些概念，將幫助你理解它們的優勢，創造具備高擴展性的單頁應用程式（SPA）。 React把主要的注意力放在了應用的「視圖」部分，沒有限定與服務端互動和程式碼組織的方式。
工作狀態：
React以渲染函數為基礎。這些函數讀入目前的狀態，將其轉換為目標頁面上的一個虛擬表現。只要React被告知狀態有變化，他就會重新運行這些函數，計算出頁面的一個新的虛擬表現，接著自動把結果轉換成必要的DOM更新來反映新的表現。
這種方式看起來應該比通常的JavaScript方案——按需要更新每一個元素——要慢，但是React確實是這麼做的：它使用了非常高效的演算法，計算出虛擬頁面目前版本和新版間的差異，基於這些差異對DOM進行必要的最少更新。 React贏就贏在了最小化了重繪，並且避免了不必要的DOM操作，這兩點都是公認的效能瓶頸。
以上是vue和react能做什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
