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: