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!