首頁 >web前端 >前端問答 >Vue 和 React 的優點有哪些

Vue 和 React 的優點有哪些

青灯夜游
青灯夜游原創
2020-12-23 15:43:374876瀏覽

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

Vue 和 React 的優點有哪些

本文操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn