Maison > Article > interface Web > Quelle est la différence entre les directives et les composants dans vuejs
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.
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!