Vue 和 React 的優點有哪些

Vue的優點有：1、官方文件清晰，簡單易學；2、快速，非同步批次方式更新DOM；3、用解耦的、可重複使用的元件組合你的應用程式；4 、對模組友善。 React的優點有：1、速度快；2、跨瀏覽器相容；3、模組化；4、單向資料流等。

本文操作環境：windows7系統、Dell G3電腦、react17.0.1&&vue2.0版。

相關推薦：《React影片教學》、《vue.js教學》

一、Vue.js ：

其實Vue.js不是一個框架，因為它只聚焦視圖層，是一個建構資料驅動的Web介面的函式庫。

Vue.js透過簡單的API（應用程式介面）提供高效的資料綁定和靈活的元件系統。

Vue.js的特性如下：

1.輕量級的框架

2.雙向資料綁定

3.指令

4.插件化

優點：

1. 簡單：官方文件很清晰，比Angular 簡單易學。

2. 快速：非同步批次方式更新 DOM。

3. 組合：用解耦的、可重複使用的元件組合你的應用程式。

4. 緊湊：~18kb min gzip，且無依賴。

5. 強大：表達式 & 無需宣告所依賴的可推導屬性 (computed properties)。

6. 對模組友善：可以透過 NPM、Bower 或 Duo 安裝，不強迫你所有的程式碼都遵循 Angular 的各種規定，使用場景更加靈活。

缺點： 

1. 新生兒：Vue.js是一個新的項目，沒有angular那麼成熟。

2. 影響度不是很大：google了一下，有關於Vue.js多樣性或者說豐富性少於其他一些有名的函式庫。

3. 不支援IE8：

二、React：

React主要用於建構UI。你可以在React傳遞多種類型的參數，例如宣告程式碼，幫助你渲染UI、也可以是靜態的HTML DOM元素、也可以傳遞動態變數、甚至是可互動的應用程式元件。

React特性如下：

1.宣告式設計：React採用宣告範式，可以輕鬆描述應用。

2.高效率：React透過DOM的模擬，最大限度地減少與DOM的互動。

3.靈活：React可以與已知的函式庫或框架很好地配合。

優點：

1. 速度快：在UI渲染過程中，React透過在虛擬DOM中的微操作來實現對實際DOM的局部更新。

2. 跨瀏覽器相容：虛擬DOM幫助我們解決了跨瀏覽器問題，它為我們提供了標準化的API，甚至在IE8中都是沒問題的。

3. 模組化：為你程式編寫獨立的模組化UI元件，這樣當某個或某些元件出現問題是，可以方便地進行隔離。

4. 單向資料流：Flux是用於在JavaScript應用程式中建立單向資料層的架構，它隨著React視圖庫的開發而被Facebook概念化。

5. 同構、純粹的javascript：因為搜尋引擎的爬蟲程式依賴的是服務端回應而不是JavaScript的執行，預先渲染你的應用程式有助於搜尋引擎優化。

6.相容性好：例如使用RequireJS來載入和打包，而Browserify和Webpack適用於建立大型應用。它們使得那些艱難的任務不再讓人望而生畏。

缺點：

 1. React本身只是一個V而已，並不是一個完整的框架，所以如果是大型專案想要一套完整的框架的話，基本上都需要加上ReactRouter和Flux才能寫大型應用程式。

更多程式相關知識，請造訪：程式設計教學！ ！

以上是Vue 和 React 的優點有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！