Quelle est la différence entre v-if et v-show dans Vue ?

La différence entre "v-if" et "v-sh" dans Vue est : 1. "v-show" n'est compilé qu'une seule fois tandis que "v-if" est constamment détruit et créé ; « v-if » est plus adapté aux opérations avec autorisations, et les données d'autorisation sont jugées lors du rendu ; 3. v-show est plus adapté à une utilisation quotidienne, ce qui peut réduire le rendu des données et les opérations inutiles.

Dans Vue, nous pouvons utiliser v-if et v-show pour contrôler le rendu des éléments ou des modèles, et v-if et v-show appartiennent également Instructions couramment utilisées dans Vue (rendu conditionnel).

v-if et v-show sont tous deux affichés en jugeant le vraifaux des données liées

La différence essentielle

vue Le l'essence de -show est que l'affichage de l'étiquette est défini sur aucun et que le contrôle est masqué

vue-if ajoute ou supprime dynamiquement des éléments DOM dans l'arborescence DOM

La différence entre compilation

v-show contrôle en fait les CSS

v-si la commutation a un processus de compilation/désinstallation partielle. Pendant le processus de commutation, les écouteurs d'événements internes et les sous-composants sont correctement configurés. détruit et reconstruit

Conditions de compilation

v-show compilera, la valeur initiale est fausse, définissez simplement l'affichage sur aucun, mais il compile également.

v-si la valeur initiale est fausse, elle ne sera pas compilée.

La différence de performances

v-show ne compile qu'une seule fois, puis contrôle réellement le CSS, tandis que v-if continue de détruire et de créer, donc les performances de v-show Mieux.

Différences d'utilisation

v-if est plus adapté aux opérations avec autorisations. Les données d'autorisation sont jugées lors du rendu. Si elles sont présentes, la fonction sera affichée. , sinon, il sera supprimé. v-show est plus adapté à un usage quotidien, ce qui peut réduire le rendu des données et les opérations inutiles.

Si votre page ne veut pas que d'autres programmeurs la voient, utilisez v-if, elle ne sera pas affichée sur la page.

[Recommandations associées : Tutoriel JavaScript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!