Heim  >  Artikel  >  Web-Frontend  >  Was sind die Gemeinsamkeiten und Unterschiede zwischen Vue und React?

Was sind die Gemeinsamkeiten und Unterschiede zwischen Vue und React?

coldplay.xixi
coldplay.xixiOriginal
2020-11-11 13:44:412550Durchsuche

Ähnlichkeiten und Unterschiede zwischen Vue und React: 1. Die Ähnlichkeit besteht darin, dass es sich bei beiden um JavaScript-UI-Frameworks handelt, die sich auf die Erstellung umfangreicher Front-End-Anwendungen konzentrieren. 2. Der Unterschied besteht darin, dass der React-Datenfluss einseitig ist, während dies bei Vue-Daten der Fall ist in zwei Richtungen gebunden.

Was sind die Gemeinsamkeiten und Unterschiede zwischen Vue und React?

【Verwandte Artikelempfehlung: vue.js

Ähnlichkeiten und Unterschiede zwischen Vue und React:

Ähnlichkeiten

  • Sie sind beide UI. Framework s konzentriert sich auf JavaScript. Erstellen Sie eine Front- End-Rich-Anwendungen

  • Im Gegensatz zu frühen JavaScript-Frameworks, die „voll funktionsfähig“ waren, verfügen Reat und Vue nur über das Grundgerüst des Frameworks, und andere Funktionen wie Routing, Statusverwaltung usw. sind vom Framework getrennte Komponenten.

  • Eine der größten Ähnlichkeiten zwischen Vue.js (Version 2.0) und React besteht darin, dass beide etwas namens „Virtual DOM“ verwenden.

  • Beide fördern die Komponentisierung. Siehe React. Sowohl Vue als auch Vue haben das Konzept von „props“, der Abkürzung für Properties. Props ist ein spezielles Attribut in einer Komponente, das es übergeordneten Komponenten ermöglicht, Daten an untergeordnete Komponenten zu übergeben.

  • Sowohl React als auch Vue verfügen über eigene Build-Tools, mit denen Sie schnell eine Entwicklungsumgebung erstellen können.

  • Sowohl React als auch Vue verfügen über gute Chrome-Erweiterungstools, die Ihnen bei der Fehlersuche helfen.

  • Das Letzte, was zwischen Vue und React ähnlich, aber leicht unterschiedlich ist, ist die Art und Weise, wie ihre unterstützenden Frameworks damit umgehen. Die Ähnlichkeit besteht darin, dass sich beide Frameworks auf die UI-Ebene konzentrieren und andere Funktionen wie Routing und Statusverwaltung vom Begleitframework übernommen werden.

  • react

Einseitiger Datenfluss

  • React hat Virtual DOM populär gemacht und eine neue Syntax erstellt – JSX. JSX ermöglicht Entwicklern das Schreiben von HTML in JavaScript

  • Dasselbe wie React, verwaltet von Big Unternehmen wie Facebook

  • Props sind für untergeordnete Komponenten erforderlich, da sie für ihren „Status“ auf eine „einzelne Datenquelle“ angewiesen sind

  • React kann Create React App (CRA)

  • Reacts React-Router verwenden und React-Redux werden von Community-Mitgliedern gepflegt und sind nicht offiziell gepflegt.

  • Der größte Unterschied zwischen React und Vue ist das Schreiben von Vorlagen

  • In React müssen Sie die setState()-Methode verwenden, um den Status zu aktualisieren

  • In den meisten Fällen ist es die integrierte Statusverwaltung des Frameworks reicht nicht aus, um große Anwendungen zu unterstützen, es müssen Zustandsverwaltungslösungen wie Redux oder Vuex verwendet werden.

  • vue

Zwei-Wege-Datenbindung

  • Vue verwendet ein Vorlagensystem anstelle von JSX, was die Aktualisierung bestehender Anwendungen erleichtert, da die Vorlagen relativ einfach sind Damit Vue bestehende Systeme integrieren kann, ohne dass eine Gesamtrekonstruktion erforderlich ist, sind die Requisiten bei Vue etwas anders. Sie sind ebenfalls in der Komponente definiert, aber Vue verlässt sich auf die Vorlagensyntax. Durch die Schleifenfunktion der Vorlage können Sie die eingehenden Daten effizienter anzeigen. „Vue entspricht Vue-Cli.“ nicht erforderlich, die Daten werden im Vue-Objekt durch das Datenattribut verwaltet. Die Lösung von

  • Vue ist für kleine Anwendungen geeignet, aber nicht für große Anwendungen.

  • Verwandte kostenlose Lernempfehlungen:
  • JavaScript
  • (Video)

Das obige ist der detaillierte Inhalt vonWas sind die Gemeinsamkeiten und Unterschiede zwischen Vue und React?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn