Maison  >  Article  >  interface Web  >  A quoi sert vue bus ?

A quoi sert vue bus ?

藏色散人
藏色散人original
2021-10-26 14:13:288822parcourir

Utilisation de vue bus : 1. Installez vue-bus via "npm install vue-bus" ; 2. Introduisez vue-bus dans main.js ; 3. Via "this.$bus.emit(...); ” et d'autres méthodes peuvent être utilisées dans le composant.

A quoi sert vue bus ?

L'environnement d'exploitation de cet article : système Windows 7, Vue2.9.6, ordinateur Dell G3.

À quoi sert vue bus ?

Comment utiliser Bus dans Vue :

Utilisation : transférer des valeurs entre les composants frères

Installation :

npm install vue-bus

Introduire vue-bus dans main.js

import Vue from 'vue';
import VueBus from 'vue-bus';
 
Vue.use(VueBus);

Utilisé dans les composants :

Un composant déclenche des événements :

this.$bus.emit("parameterName",params);

Le composant B reçoit des événements :

this.$bus.on("parameterName",function(value){
  console.log(value)
});

Dissocie l'événement lorsque le composant est détruit

destroyed:function(){
  this.$bus.off("parameterName")
}

Recommandé : "Dernières 5 vues. js sélections de didacticiels vidéo

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:vue est compatible avec ieArticle suivant:vue est compatible avec ie