• événement Vue personnalisée (détaillée)
  •   Devant les mots

      composants parent utilise des accessoires pour transférer des données vers les sous-assemblages, sous-assemblages, comment la communication avec le composant parent?A cette époque, l''événement Vue personnalisée est très pratique.Cet article détaille les événements personnalisés Vue

      événement de liaison

      Chaque instance Vue implémente l''interface d''événement (interface Events), qui est,

      Utilisez $ sur les événements de contr?le (de EVENTNAME)

      Utilisez $ emit (EVENTNAME) événements déclencheurs

      [Note] système d''événements Vue isolé de l''API EventTarget du navigateur.En dépit de leur opération similaire, mais $ sur $ et non un émettre alias addEventListener et dispatchEvent

      En outre, le composant parent peut être utilisé directement v à écouter les événements déclenchés par le sous-ensemble où l''utilisation de sous-ensembles

      [Note] ne peut pas être jeté avec l''$ sur les événements d''écoute sous-composant, et doit être lié directement avec v-sur le modèle

      

      

      

      

      Naming Convention

      conventions de nommage des évènements personnalisée et de nommer l''enregistrement et des accessoires composants conventions ne sont pas les mêmes, parce que l''événement personnalisé fait essentiellement partie des attributs HTML, de sorte que dans le modèle HTML est mieux utilisé sous la forme de traversée

      

      Et quand l''événement déclencheur composant enfant, également utilisé sous la forme de traversée

      cette.émettre $ ( ''pass-data'', cette.childMsg)

      Transfert de données

      sous-ensembles de données peuvent être déclenchées par $ émettre des événements, le premier paramètre est l''événement à déclencher, le deuxième événement doit être livré

      this.émettre $ ( ''pass-data'', cette.childMsg)

      composant parent par $ sur l''écoute des événements, les paramètres du gestionnaire d''événements par rapport aux données re?ues

      getData (valeur) {

      this.msg = valeur;

      }

      

      

      

      

      Modificateur de synchronisation

      Dans certains cas, vous devrez peut-être soutenir les deux sens de liaison.En fait, c''est le vue1.x dans .fonction de synchronisation fourni modificateurs.Quand un sous-ensemble modifie la valeur d''un accessoire, ce changement sera synchronisé à une valeur dans le composant parent lié.Ceci est pratique, mais il peut aussi causer des problèmes, car elle porte atteinte à l''hypothèse que les données à sens unique débit.étant donné que le sous-ensemble pour changer le code et l''état général des changements de code prop pas de différence, lorsque le sous-ensemble optique regardant le code, ne sais pas quand il tranquillement élément parent change d''état.Cela entra?nera des co?ts d''entretien élevés au moment de la structure de débogage d''applications complexes, il est mentionné ci-dessus dans 2.0 enlevé .raison synchronisation

      2.3.De 0 réintroduite .modificateur de synchronisation, mais le sucre syntaxique à ce moment, il existe seulement comme un compilateur.Il sera étendu à jour automatiquement un attribut composant parent v-auditeurs sur

      

      Sera étendu à:

      

      

      

      

      

      Vue au-dessus de ce événements personnalisés (détaillée) est petite série pour partager le contenu de tout le monde, et je l''espère pour vous donner une référence, je l''espère vous aider Accueil scénario.

      Vous pouvez également être intéressé par l''article: noeud.les événements de déclenchement d''événements js analysés en utilisant la méthode de l''exemple d''exécution selon événement personnalisé événements personnalisés de l''utilisation du sous-ensemble de vue de transmettre des données à l''élément parent Vue Sur chargement VUE DOM.js composants v sur la compréhension des événements Vue bind personnalisés.définition de formulaire js à partir d''un composant méthodes entrée d''événement Vue.Js événement personnalisé des événements personnalisés de composants de communication caractéristiques détaillées de l''ensemble illustré événements personnalisés d''utilisation Vue de vue forment l''assemblage de composants d''entrée Commentaires d''utilisation [date] à partir des monnaies composant noeud.événement déclencheur js à Vue personnalisée explication événement profondeur

    événement Vue personnalisée (détaillée)

    Recommend Article