Was ist der Unterschied zwischen Diff in Vue und React?

Unterschied: 1. Wenn die Knotenelementtypen gleich, aber die Klassennamen unterschiedlich sind, betrachtet Vue sie als unterschiedliche Elemente und löscht und erstellt sie neu, während React sie als Knoten desselben Typs betrachtet und Änderungen vornimmt 2. Beim Vergleichen von Listen verwendet Vue den Vergleich von beiden Enden zur Mitte, während React den Vergleich von links nach rechts durchführt.

Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue Version 2.9.6, DELL G3-Computer.

Was ist der Unterschied zwischen Vue und Diff in React?

Diff-Algorithmus:

Ein anderer Algorithmus (virtuell) für unterschiedliche Vergleiche von Dom

Was sie gemeinsam haben:

Vue- und Diff-Algorithmen führen keine Cross- Ebenenvergleiche: Führen Sie nur Vergleiche auf derselben Ebene durch Klassennamen sind unterschiedlich. Gleichzeitig werden sie als unterschiedliche Elemente betrachtet, gelöscht und neu erstellt, während React sie als Knoten desselben Typs betrachtet und Änderungsvorgänge durchführt

2 Methode von beiden Enden zur Mitte, beide Enden der alten Sammlung und der neuen Sammlung Es gibt jeweils zwei Zeiger, und sie werden paarweise verglichen. Nach jedem Vergleich bewegt sich der Zeiger einmal in die Mitte der Warteschlange Von links nach rechts, wobei der Index und der Lastindex des Elements zum Vergleich verwendet werden

3 Wenn eine Sammlung den letzten Knoten nach vorne verschiebt, verschiebt React die vorherigen Knoten der Reihe nach nach hinten, während Vue nur den letzten platziert Knoten an der Vorderseite. Nach dieser Operation zu urteilen, ist die Diff-Leistung von Vue höher als die von React

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