Fonction d'émission de Vue JS

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