Fonction d'émission de Vue JS

Nous utilisons la fonction Emit pour transmettre les données du composant enfant au composant parent et nous allons vous montrer comment cela se passe dans les codes
Nous démarrons la fonction Emit à partir du composant enfant

<modèle>
    <div>
        <div>



<p>Nous pouvons maintenant les transmettre au composant Parent<br>
</p>

<pre class="brush:php;toolbar:false"><modèle>
    <div>
        <div>



<p>le résultat est</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173201082567193.jpg" alt="Vue JS Emit function" /></p>

<p>Apprenons comment cela fonctionne</p>

<p>- importer {defineEmits, ref} depuis "vue" ; Importer les éléments nécessaires depuis vue<br>
- const count=réf(0); créer un vérifiable et lui donner une valeur par défaut avec ref <br>
<br>
- const émet=defineEmits(); Il doit déclarer definitionEmits dans n'importe quel véritable<br>
- const utilisateurs =[<br>
    {id:1, nom:"khusi", âge:20, profession:"IT"},<br>
    {id:1, nom:"khusi", âge:20, profession:"IT"},<br>
    {id:1, nom:"khusi", âge:20, profession:"IT"},<br>
    {id:1, nom:"khusi", âge:20, profession:"IT"},<br>
] Utilisation à partir de n'importe quelle donnée<br>
- const sendDate=()=>{<br>
    émettre("compteur", 11);<br>
    émettre("utilisateurs", utilisateurs);<br>
} nous créons une fonction et lui donnons dans le premier numéro facultatif et dans le second nos données à l'intérieur de definitionEmits et dans la chaîne nous écrivons le nom facultatif à utiliser dans le composant parent<br>
Et on apprend comment les appeler dans le composant Parent

<p>-const submitEmit=(e)=>{<br>
    console.log(e);<br>
    émettre("compteur", e) <br>
><br>
-const submitUser=(e)=>{<br>
    console.log(e);<br>
    émettre("utilisateurs", e);<br>
} Deux fonctions créées et nous y appelons notre variable d'émission du composant enfant et leur donnons son nom et e. Dans ce cas e=Notre numéro facultatif que 11 et nos données<br>
- <ComponentD @counter="submitEmit" @users="submitUser"/> Enfin, nous appelons deux fonctions sous des noms facultatifs d'émission et nous pouvons voir les résultats sur la console</p>

<p>Merci à tous pour vos attentions</p>


          

            
        

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!