Introduction à l'utilisation de la méthode provide/inject pour les composants multi-niveaux Vue

Cette fois, je vais vous présenter l'utilisation de la méthode provide/inject pour les composants multi-niveaux Vue. Quelles sont les précautions pour l'utilisation de provide/inject dans les composants multi-niveaux Vue. Voici des cas pratiques, jetons un coup d'oeil.

Avertissement officiel de Vue :

provide et inject fournissent principalement des cas d'utilisation pour les bibliothèques de plug-ins/composants de haut niveau. Il n'est pas recommandé de l'utiliser directement dans le code de l'application.

Bien sûr, l'avertissement n'est qu'un avertissement, vous pouvez l'utiliser normalement.

La méthode d'utilisation est très similaire au paquet cadeau combiné de données et d'accessoires :

var Provider = {
 provide: {
 foo: 'bar'
 },
 // ...
}
var Child = {
 inject: ['foo'],
 created () {
 console.log(this.foo) // => "bar"
 }
 // ...
}

La seule différence est que vous n'êtes pas obligé de la transmettre couche par couche. le bus d'événements utilisé dans le passé peut résoudre des problèmes profonds, mais il rendra l'ensemble de la composition d'émission d'événements trop déroutante et difficile à maintenir. L'utilisation de provide / inject peut garantir la clarté du flux de données unidirectionnel parent-enfant.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser vue pour implémenter le mini-jeu 2048

Comment utiliser VeeValidate pour exécuter un formulaire validation dans le projet vue Fonction de vérification

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!