Interprétation détaillée du mixin en vue

Vue fournit un mécanisme de mélange - les mixins, pour obtenir une réutilisation plus efficace du contenu des composants. Laissez-moi vous parler de ma compréhension des mixins dans Vue. Les amis qui en ont besoin peuvent s'y référer

Vue fournit un mécanisme de mixage - les mixins, qui est utilisé pour réutiliser plus efficacement le contenu des composants. Au début, je pensais qu'il n'y avait aucune différence entre cela et les composants. . Plus tard, j'ai découvert que c'était faux. Jetons un coup d'œil à la différence entre les mixins et les composants importés dans des circonstances normales.

Une fois le composant référencé, cela équivaut à ouvrir un espace séparé dans le composant parent pour effectuer les opérations correspondantes basées sur les valeurs des accessoires du composant parent. En substance, les deux sont distincts. et relativement indépendant.

Et les mixins, après avoir introduit le composant, fusionnent le contenu interne du composant tel que les données et autres méthodes, la méthode et d'autres attributs avec le contenu correspondant du composant parent. Cela équivaut à cela après l'introduction, diverses méthodes de propriétés du composant parent ont été développées.

Référence de composant simple :

Composant parent + composant enfant>>> Composant parent + composant enfant

mixins :

Composant parent + composant enfant>>> nouveau composant parent

Il convient de noter que lors de l'utilisation de mixins, le composant parent et le composant enfant possèdent tous deux chaque composant du composant enfant. . Il existe une méthode d'attribut, mais cela ne signifie pas qu'ils partagent et traitent ces variables en même temps. Il n'y aura pas de communication entre les deux sauf la fusion. Quand j'ai vu les mixins pour la première fois, j'ai naïvement semblé voir une solution de partage de données vers le bas similaire à vuex, et j'étais très excité.

Laissez-moi vous présenter le mixin dans Vue > 1. Qu'est-ce que le mixin

Le fichier mixin est un objet qui peut contenir n'importe quel composant du composant vue. C'est un moyen très flexible de distribuer les fonctions réutilisables des composants Vue Lorsqu'un mixin est utilisé par un composant, toutes les propriétés/méthodes du minxin seront mélangées avec les propriétés/méthodes du composant. Deuxièmement, mixin utilise

Il peut y avoir un attribut mixins dans le composant Vue, et le type de valeur d'attribut est un tableau. Introduisez mixin comme élément mixins du tableau mixins : [mixin]Le composant A applique mixin, et les attributs des deux, tels que les méthodes, les composants et les directives, seront mélangés dans le même objet Si les méthodes, composants et s'il y a des attributs du même nom dans les directives, ceux du mixin seront ignorés. Les fonctions hook du même nom seront formées dans un tableau et seront toutes appelées, et la fonction hook du mixin sera appelée avant la fonction hook du composant. Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles associés :

Comment rendre le rendu de la fonction dans vue (tutoriel détaillé)

À propos de l'algorithme de tri JS Hill (tutoriel détaillé)

Détails sur l'utilisation du moteur de modèles Jade

Comment personnaliser la connexion par code de numérisation PC WeChat

Comment utiliser javascript pour implémenter l'affichage de l'album photo de l'espace QQ

À propos du mécanisme de boucle des événements js (tutoriel détaillé)

Résumé de Algorithme de tri JS

Comment implémenter la réponse au formulaire dans Angular4

Comment charger des composants dans vue webpack require.ensure

Comment utiliser les éléments iframe dans les composants vue

Comment utiliser vue pour implémenter la barre de navigation

Comment implémenter page Web défilant vers le haut

Comment implémenter le débogage du point d'arrêt des fichiers ts dans Angular2

Comment implémenter le chargement paresseux des routes dans vue-router

Comment implémenter la recherche dynamique à l'aide des filtres Angularjs

Comment créer des applications vue via vue-cli

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!