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

Points douloureux existants

• 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 :

vue-event-proxy

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.

Utilisation

$ 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

Compréhension approfondie de Node Module de base HTTP

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!