En savoir plus sur l'utilisation et les précautions des mixins en vue

Cet article vous amènera à comprendre les fonctionnalités des mixins (mixage) dans Vue, et à présenter l'utilisation et les précautions des mixins. J'espère qu'il vous sera utile !

Aperçu de base des mixins

vue est expliquée comme ceci Si vous trouvez le langage ennuyeux, vous pouvez l'ignorer~

Mixins : C'est une méthode de distribution reproductible dans les composants Vue Utiliser la fonctionnalité dans. d'une manière très flexible. Les mixins peuvent contenir des options de composants arbitraires. Lorsqu'un composant utilise un objet mixin, toutes les options de l'objet mixin seront mélangées aux options du composant lui-même.

Comment utiliser ?

Par exemple :

Définir un objet mixin

Mélanger l'objet mixin dans le composant actuel

L'utilisation semble assez simple

Caractéristiques des mixins

1 Méthodes et les paramètres ne sont pas partagés entre les composants

Le paramètre num dans l'objet mixte

Le paramètre num dans le composant 1 est exploité par +1

Le paramètre num dans le composant 2 n'est pas exploité

Regardez les valeurs num émises respectivement par les deux composants

Comme vous pouvez le voir, j'ai modifié la valeur de num dans le composant 1, mais la valeur num dans le composant 2 est toujours la valeur initiale mélangé dans l'objet Valeur

2 La valeur est l'option de l'objet, telle que les méthodes, les composants, etc. Les options seront fusionnées et le composant avec un conflit de clé remplacera la

méthode dans l'objet mixte

méthode dans le composant

La sortie de la table d'impression

3 Les options dont la valeur est une fonction, telle que créée, montée, etc., seront fusionnées et appelées Le hook. La fonction dans l'objet mixte est appelée avant la fonction hook dans le composant

Mixed in La console dans la fonction objet

La console dans la fonction composant

La différence entre l'impression de la table d'impression

et vuex

Après l'exemple ci-dessus, la différence entre eux Cela devrait être évident~

vuex : Il est utilisé pour la gestion de l'état. Les variables qui y sont définies peuvent être utilisées et modifiées dans chacun. composant. Après avoir modifié la valeur de cette variable dans n'importe quel composant, la valeur de cette variable dans d'autres composants sera également modifiée en conséquence.

Mixins : Des variables partagées peuvent être définies et utilisées dans chaque composant. Après avoir été introduites dans le composant, chaque variable est indépendante les unes des autres, et la modification de la valeur ne s'affectera pas dans le composant. La différence entre

et les composants publics

Les mêmes différences évidentes seront à nouveau répertoriées~

Composants : introduire des composants dans le composant parent équivaut à fournir un espace indépendant dans le composant parent pour l'utilisation des composants enfants , puis transmettez la valeur en fonction des accessoires, mais les deux sont essentiellement relativement indépendants.

Mixins : une fois le composant introduit, il est fusionné avec les objets et les méthodes du composant, ce qui équivaut à étendre les objets et les méthodes du composant parent, et peut être compris comme formant un nouveau composant.

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!