Explication détaillée de la communication entre le sous-composant Vue et le composant parent

Cette fois, je vais vous apporter une explication détaillée de la communication entre le sous-composant vue et le composant parent. Quelles sont les précautions pour utiliser le sous-composant vue pour communiquer avec le composant parent. Ce qui suit est un cas pratique, jetons-y un coup d'œil.

1. Communication entre le composant parent et le composant enfant,
1. Passer l'attribut valeur dans la balise du composant enfant inséré, comme indiqué dans le figure :

2. Utilisez des accessoires pour recevoir dans le sous-composant,

comme indiqué sur la figure :

zhijeidiaoyo

Appelez simplement this.title directement

2 Le composant enfant transmet les paramètres au composant parent

Utilisez this.$emit("parents",111) pour écouter le parents
événement, et liez directement la méthode de changement sur le composant parent, comme Image :

Communication entre les sous-composants et les sous-composants

1. . Tout d'abord, créez un centre d'événements dans
main.js

2 L'événement déclenché par le composant enfant 2 est le suivant

this.$root.event. .$emit("NAME2","child2's data")

2017- 11-01_14512Explication détaillée de la communication entre le sous-composant Vue et le composant parent

3. Le sous-composant 1 reçoit le

this.$root suivant. event.$on("NAME2",function (d) {
huang.msg2 = d;
})

Je crois que vous avez maîtrisé la méthode après avoir lu le cas dans cet article. Pour un contenu plus passionnant, veuillez faire attention au site Web chinois php

Autres articles liés !

Lecture connexe :

Comment modifier le style de la barre de défilement

WOW.js pour faire bouger la page

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!