Was ist der Unterschied zwischen v-if und v-show in Vue?

Der Unterschied zwischen „v-if“ und „v-sh“ in Vue ist: 1. „v-show“ wird nur einmal kompiliert, während „v-if“ ständig zerstört und erstellt wird; „v-if“ eignet sich besser für Vorgänge mit Berechtigungen, und die Berechtigungsdaten werden beim Rendern beurteilt. 3. v-show eignet sich besser für den täglichen Gebrauch, wodurch das Rendern von Daten und unnötige Vorgänge reduziert werden können.

In Vue können wir v-if und v-show verwenden, um das Rendern von Elementen oder Vorlagen zu steuern, und v-if und v-show gehören ebenfalls dazu Häufig verwendete Anweisungen in Vue (bedingtes Rendering).

v-if und v-show werden beide angezeigt, indem das Wahr-Falsch der gebundenen Daten beurteilt wird

Der wesentliche Unterschied

vue The Das Wesentliche von -show ist, dass die Beschriftungsanzeige auf „Keine“ gesetzt ist und das Steuerelement ausgeblendet ist

vue-if fügt dem DOM-Baum dynamisch DOM-Elemente hinzu oder löscht sie

Der Unterschied zwischen Kompilierung

v-show steuert tatsächlich CSS

v-if Switching hat einen teilweisen Kompilierungs-/Deinstallationsprozess. Während des Switching-Prozesses sind die internen Ereignis-Listener und Unterkomponenten entsprechend zerstört und neu erstellt

Kompilierungsbedingungen

v-show wird kompiliert, der Anfangswert ist falsch, nur display auf none setzen, aber es wird auch kompiliert.

v-wenn der Anfangswert falsch ist, wird er nicht kompiliert.

Der Unterschied in der Leistung

v-show wird nur einmal kompiliert und steuert dann tatsächlich das CSS, während v-if weiterhin zerstört und erstellt, also die Leistung von v-show Besser.

Unterschiede in der Verwendung

v-if ist besser für Vorgänge mit Berechtigungen geeignet. Die Berechtigungsdaten werden beim Rendern beurteilt. Wenn sie vorhanden sind, wird die Funktion angezeigt Andernfalls wird es gelöscht. v-show ist besser für den täglichen Gebrauch geeignet, wodurch das Rendern von Daten und unnötige Vorgänge reduziert werden können.

Wenn Ihre Seite nicht möchte, dass andere Programmierer sie sehen, verwenden Sie v-if, sie wird nicht auf der Seite angezeigt.

[Verwandte Empfehlungen: JavaScript-Tutorial]

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