Maison >interface Web >js tutoriel >Analyse du bus d'événements dans Vue
Cet article présente principalement l'analyse d'eventbus dans Vue, qui a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer
Sans plus tard, passons directement à la pratique. stuff
Voulez-vous simplement publier et vous abonner à un événement pour avertir le composant frère d'exécuter une méthode ?
Êtes-vous toujours gêné de devoir annuler manuellement à chaque fois après l'introduction d'un eventbus ?
Pensez-vous toujours à une série de méthodes de [pub, sub], [$on, $emit], [fire, listening] balabala pour différents bus ? mal de tête à cause du nom ?
Si ce qui précède est votre problème, alors aujourd'hui vous commencez vos jours heureux en utilisant Vue :
Pass At the coût minimum, votre Vue prend en charge les événements globaux. Avec lui, il vous suffit d'ajouter le préfixe global:
lorsque vous devez effectuer des notifications globales pour terminer la publication d'événements globaux.
this.$emit('global:你的事件名字');
Il y a une libération, mais qu'en est-il du suivi ?
this.$on('global:你的事件名字', () => {});
Et si ? A part l'ajout de global:
devant le nom de l'événement, rien d'autre n'a changé. Si vous ne comprenez pas cette partie de Vue, je l'ai préparé pour vous, le document officiel.
$ npm install --save vue-event-proxy
Ajoutez l'entrée principale de votre projet (main.js généré par vue-cli) :
import EventProxy from 'vue-event-proxy'; Vue.use(EventProxy);
Ensuite, profitez-en.
Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !
Recommandations associées :
Principes de mise en œuvre de la fonction Debounce et de la fonction Throttle
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!