Der Unterschied zwischen Dom in Vue und React

Der Unterschied zwischen Vue und Dom in React: 1. Vue verfolgt die Abhängigkeiten jeder Komponente und muss nicht den gesamten Komponentenbaum neu rendern. 2. Bei React werden dies bei jeder Änderung des Anwendungsstatus alle Komponenten tun neu gerendert werden.

Die Betriebsumgebung dieses Artikels: Windows7-System, React17.0.1&&vue2.0-Version, Dell G3-Computer.

Das virtuelle DOM-Konzept wurde mit der Geburt von React geboren. Seine hervorragende Leistung wurde von der Mehrheit der Entwickler schnell erkannt, und vue2.0 führte auch das Konzept des virtuellen DOM ein.

Was ist virtuelles DOM?

Virtuelles DOM ist relativ zum realen DOM, das vom Browser gerendert wird. Vor dem Aufkommen von React, Vue und anderen Technologien konnten wir den auf der Seite angezeigten Inhalt nur ändern, indem wir den Abfrage-DOM-Baum durchquerten, um das benötigte DOM zu finden Ändern Sie dann das Verhalten oder die Struktur, um den Zweck der Aktualisierung der Benutzeroberfläche zu erreichen.

Diese Methode verbraucht ziemlich viele Rechenressourcen, da Sie fast jedes Mal, wenn Sie das DOM abfragen, den gesamten DOM-Baum durchlaufen müssen. Wenn Sie ein virtuelles DOM-Objekt (JS-Objekt) erstellen, das dem DOM-Baum entspricht, wird der DOM-Baum verwendet wird in Form einer Objektverschachtelung dargestellt, dann wird jede Änderung im DOM zu einer Änderung der Attribute des JS-Objekts. Auf diese Weise ist der Leistungsaufwand für die Suche nach den Attributänderungen des JS-Objekts geringer Abfragen des DOM-Baums.

Der Unterschied zwischen virtuellem DOM in Vue und React

Der virtuelle DOM (virtuelles DOM) in Vue und React ist unterschiedlich.

vue verfolgt die Abhängigkeiten jeder Komponente, ohne den gesamten Komponentenbaum neu zu rendern.

Für React werden jedes Mal, wenn sich der Status der Anwendung ändert, alle Komponenten neu gerendert, daher ist in React zur Steuerung die Lebenszyklusfunktionsmethode „shouldComponentUpdate“ erforderlich.

Empfohlen: „js Basis-Tutorial“

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen Dom in Vue und React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!