Maison  >  Article  >  interface Web  >  Quelle est la différence entre les directives et les composants dans vuejs

Quelle est la différence entre les directives et les composants dans vuejs

青灯夜游
青灯夜游original
2021-09-06 15:47:042517parcourir

Différence : un composant fait généralement référence à une entité indépendante, et la relation entre les composants est généralement arborescente ; tandis qu'une directive est un mode Décorateur, qui est utilisé pour réécrire le comportement par défaut d'un composant ou l'améliorer pour obtenir des fonctions supplémentaires. De manière générale Autrement dit, plusieurs instructions peuvent être superposées sur un même composant pour obtenir plusieurs fonctions.

Quelle est la différence entre les directives et les composants dans vuejs

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

La différence entre les instructions et les composants dans vuejs

Un composant fait généralement référence à une entité indépendante, et la relation entre les composants est généralement en forme d'arbre.

Instruction est un mode Décorateur, qui permet de remplacer le comportement par défaut d'un composant, ou de l'améliorer pour obtenir des fonctions supplémentaires. De manière générale, plusieurs instructions peuvent être superposées sur un même composant pour obtenir plusieurs fonctions. Certaines instructions s'appuieront sur le composant sur lequel elles sont appliquées pour implémenter certaines interfaces. Par exemple, l'instruction de transition dans Vue s'appuiera sur un tas de hooks tels que l'entrée et la sortie du composant.

Bien sûr, il existe également des instructions puissantes dans vue telles que v-if et v-for, qui peuvent même créer ou supprimer des composants.

Par exemple, le design suivant :

Gallery est un composant d'album photo.

Transition est une commande d'animation.

ClickLogger est une commande pour enregistrer les clics.

Superposez l'animation et ClickLogger sur la galerie pour avoir des effets de transition animés lors du changement et enregistrer automatiquement les journaux lorsque vous cliquez dessus.

Recommandations associées : "Tutoriel vue.js"

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn