Quelle est la différence entre v-if et v-show dans vue ? Résumé des différences entre v-if et v-show

Le contenu de cet article porte sur quelle est la différence entre v-if et v-show dans vue ? Un résumé des différences entre v-if et v-show a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère qu'il vous sera utile.

v-if consiste à ajouter ou supprimer dynamiquement des éléments DOM à l'arborescence DOM ; v-show consiste à contrôler la visibilité en définissant l'attribut de style d'affichage de l'élément DOM ; switch a un processus de compilation/désinstallation partielle, détruisant et reconstruisant correctement les écouteurs d'événements internes et les sous-composants pendant le processus de commutation ; v-show n'est qu'une simple commutation basée sur CSS

v-if est paresseux, if ; la condition initiale est false , ne faites rien ; la compilation locale ne démarre que lorsque la condition devient vraie pour la première fois (la compilation est-elle mise en cache ? Une fois la compilation mise en cache, un déchargement partiel est effectué lorsque v-show est dans n'importe quelle condition) ; Si la première condition est vraie) sont compilés, puis mis en cache, et les éléments DOM sont conservés

v-if a un coût de commutation plus élevé ; v-show a un coût de rendu initial plus élevé ; >v-if convient aux conditions de fonctionnement qui sont peu susceptibles de changer ; v-show convient aux commutations fréquentes.

Donc, généralement, v-if a un coût de commutation plus élevé, tandis que v-show a un coût de rendu initial plus élevé.

donc, si des changements fréquents sont nécessaires sans exigences de sécurité, utilisez v-show. S'il est peu probable que la condition change au moment de l'exécution, v-if est préférable.

Recommandations associées :

Une brève introduction à l'enregistrement global et à l'enregistrement local dans les composants vue.js et des exemples d'analyse

Instances de VUE Composants：Comment implémenter le compte à rebours dans le composant VUE ?

Le principe de mise en œuvre du scoped dans Vue et l'utilisation de la pénétration scoped (avec code)

Qu'est-ce que le DOM virtuel de vue ? Utilisation du DOM virtuel de vue

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!