首頁  >  文章  >  web前端  >  vue與react屬於什麼框架

vue與react屬於什麼框架

青灯夜游
青灯夜游原創
2022-07-14 15:33:191991瀏覽

vue與react屬於JavaScript框架。 vue是一套用於建立使用者介面的漸進式JavaScript框架,Vue的核心庫只專注於視圖層,並且非常容易學習,非常容易與其它庫或已有專案整合。 react是用來建構使用者介面的JavaScript開發框架,主要用於建構UI;React透過DOM的模擬,最大限度地減少與DOM的互動。

vue與react屬於什麼框架

本教學操作環境:Windows7系統、vue3&&react18版、Dell G3電腦。

vue與react都是JavaScript框架。

vue框架

vue.js (讀音/vjuː/,類似view) 是一套用來建立使用者介面的漸進式JavaScript框架。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。 Vue 的核心函式庫只專注於視圖層,方便與第三方函式庫或既有專案整合。

Vue.js是一套建構使用者介面的漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。 Vue 的核心庫只專注於視圖層,而且非常容易學習,非常容易與其它庫或已有專案整合。另一方面,Vue 完全有能力驅動採用單文件元件和Vue生態系統支援的庫開發的複雜單頁應用。

Vue.js 的目標是透過盡可能簡單的 API 實現回應的資料綁定和組合的視圖元件。

Vue.js的特性如下:

  • #輕量級的框架(相對而言)

  • 雙向資料綁定

  • 指令

  • #外掛程式化

優點:

  • 簡單:官方文件很清晰,比Angular 簡單易學。 (國內框架,demo,文檔多)

  • 快速:非同步批次方式更新 DOM。 (同時進行)

  • 組合:用解耦的、可重複使用的元件組合你的應用程式。 (功能由不同的單一功能組件構成)

  • 緊湊:~18kb min gzip,且無依賴。

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

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

缺點:

  • #新生兒:Vue.js是一個新的項目,沒有angular那麼成熟。

  • 影響度不是很大。

  • 不支援IE8

#react框架

react.js框架,是Facebook 推出的一個用來建立使用者介面的JavaScript 開發框架。

React 是一個聲明式,高效且靈活的用於建立使用者介面的 JavaScript 程式庫。使用 React 可以將一些簡短、獨立的程式碼片段組合成複雜的 UI 介面,這些程式碼片段被稱為「元件」。

由於 React的設計想法極為獨特,屬於革命性創新,但性能出眾,程式碼邏輯卻非常簡單。所以,越來越多人開始關注和使用,認為它可能是未來的 Web 開發的主流工具。

React 是一個為資料提供渲染為 HTML 視圖的開源 JavaScript 函式庫。 React 視圖通常採用包含以自訂 HTML 標記規定的其他元件的元件渲染。 React 為程式設計師提供了一個子元件不能直接影響外層元件的模型,資料改變時對 HTML 文件的有效更新,和現代單頁應用程式中元件之間乾淨的分離。

React 讓建立互動式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖,當資料改變時 React 能有效地更新並正確地渲染元件。元件邏輯使用 JavaScript 編寫而非模版,因此你可以輕鬆地在應用程式中傳遞數據,並使得狀態與 DOM 分離。

React 特點

  • 聲明式設計:React採用宣告範式,可以輕鬆描述應用。

  • 高效率:React透過DOM的模擬,最大限度地減少與DOM的交互作用。

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

  • JSX:JSX 是 JavaScript 語法的擴充。 React 開發不一定使用 JSX ,但我們建議使用它。

  • 元件:透過 React 建構元件,使得程式碼更容易被重複使用,能夠很好的應用在大專案的開發中。

  • 單向回應的資料流: React 實作了單向回應的資料流,從而減少了重複程式碼,這也是為什麼它比傳統資料綁定更簡單。

  • 掌握 React 不僅可以幫你應付前端應用開發,而且它的程式設計想法還可以應用到 React Native 原生 App 開發和伺服器端渲染的後端開發。所以不論你是否從事前端開發工作,學習 React 對技能提升和職涯發展都有很大的幫助。

React與Vue的差異

在React 應用程式中,當某個元件的狀態改變時,它會以該元件為根,重新渲染整個元件子樹。如要避免不必要的子元件的重渲染,你需要手動實現;在Vue 應用中,元件的依賴是在渲染過程中自動追蹤的,所以系統能精確知曉哪個元件確實需要被重渲染,開發者不需要考慮元件是否需要重新渲染之類的最佳化。

在React中,一切都是JavaScript,所有的元件的渲染功能都依賴 JSX。 JSX 是使用 XML 語法編寫 JavaScript 的一種語法糖。你可以使用完整的程式語言 JavaScript 功能來建立你的視圖頁面;在Vue中有自帶的渲染函數,Vue也支援JSX,Vue官方推薦使用模板渲染視圖。元件分為邏輯類別元件和表現類別元件。

元件作用域內的CSS。 CSS 作用域在 React 中是透過 CSS-in-JS 的方案實現的;在Vue中是透過在style標籤上加上scoped標記來實現的。

Vue 的路由庫和狀態管理庫都是由官方維護支援且與核心庫同步更新的。 React 則是選擇把這些問題交給社區維護,因此創造了一個更分散的生態系統。

【相關推薦:Redis影片教學

#

以上是vue與react屬於什麼框架的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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