Was sind die Unterschiede zwischen v-if und v-show und wann werden sie verwendet?

Der Unterschied gliedert sich im Wesentlichen in die folgenden fünf Punkte:

 1. v-show steuert das Anzeigen und Ausblenden von Elementen über CSS, während v-if das Anzeigen und Verschwinden von Elementen durch das Erstellen und Löschen von Elementen beschreibt;

 2. Datensicherheit: Im v-show-Projekt gibt es sensible Benutzerdaten, die geschützt werden müssen, was die Sicherheit nur auf Kosten der Leistung erhöhen kann; 

 3. Programmsicherheit:

      a. v-show schließt die Erstellungs- und Rendervorgänge von Elementen direkt ab, wenn das Programm zum ersten Mal geladen wird, und schließt dann die Render-, Anzeige- und Ausblendvorgänge ab;

      b. v-if vervollständigt die logische Beurteilung, wenn das Programm zum ersten Mal geladen wird, um zu bestätigen, ob das Element erstellt werden muss, sodass die Programmsicherheit von v-if höher ist als die von v-show;

  4. Betriebseffizienz: v-show ist effizienter als v-if => Wenn die Leistung priorisiert wird, kann die Leistung in einem kleinen Bereich verbessert werden.

  5. v-if kann eine kontinuierliche Beurteilung mehrerer Zweige realisieren;

  <span v-if="user.sex==0">男</span>
        <!-- <br> -->
        <span v-else-if="user.sex==1">女</span>
        <span v-else>未知</span>