Maison > interface Web > Voir.js > A quoi sert vue bus ?

A quoi sert vue bus ?

藏色散人
Libérer: 2021-10-26 14:13:28
original
9055 Les gens l'ont consulté

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
Copier après la connexion

Introduire vue-bus dans main.js

import Vue from 'vue';
import VueBus from 'vue-bus';
 
Vue.use(VueBus);
Copier après la connexion

Utilisé dans les composants :

Un composant déclenche des événements :

this.$bus.emit("parameterName",params);
Copier après la connexion

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

this.$bus.on("parameterName",function(value){
  console.log(value)
});
Copier après la connexion

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

destroyed:function(){
  this.$bus.off("parameterName")
}
Copier après la connexion

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!

Étiquettes associées:
vue
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal