Une brève discussion sur mixin en vue

Vue fournit un mécanisme de mélange - les mixins, pour obtenir une réutilisation plus efficace du 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. Essentiellement, les deux sont distincts et relativement indépendants. Les mixins, après avoir introduit le composant, fusionnent le contenu interne du composant tel que les données et autres méthodes, méthodes et autres attributs avec le contenu correspondant du composant parent. Cela équivaut à cela après l'introduction, diverses méthodes d'attributs 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 ont tous deux différentes méthodes d'attribut dans le composant enfant, mais cela ne signifie pas qu'ils partager et traiter 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, utilisez mixin

Vous pouvez avoir des attributs mixins dans les composants Vue, et le type de valeur de cet 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.

Recommandations associées :

riot.js learning [2] mixin

Exemple de fonction de mixin personnalisé JS

Quel est le concept du Mixin ?

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!