Fungsi Vue JS Emit

<templat>
    <div>
        <div>



<p>Kini kita boleh menghantarnya ke dalam komponen Induk<br>
</p>

<pre class="brush:php;toolbar:false"><templat>
    <div>
        <div>



<p>hasilnya ialah</p>

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

<p>Mari kita belajar cara ia berfungsi</p>

<p>- import {defineEmits, ref} daripada "vue"; Mengimport perkara yang perlu daripada vue<br>
- const count=ref(0); mencipta yang boleh dipastikan dan memberikan nilai lalai dengan ref <br>
<br>
- const emit=defineEmits(); Ia perlu mengisytiharkan defineEmits dalam mana-mana<br> yang boleh dibuktikan
- pengguna const=[<br>
    {id:1, nama:"khusi", umur:20, profesion:"IT"},<br>
    {id:1, nama:"khusi", umur:20, profesion:"IT"},<br>
    {id:1, nama:"khusi", umur:20, profesion:"IT"},<br>
    {id:1, nama:"khusi", umur:20, profesion:"IT"},<br>
] Menggunakan daripada mana-mana Data<br>
- const sendDate=()=>{<br>
    emit("counter", 11);<br>
    emit("pengguna", pengguna);<br>
} kami mencipta fungsi dan memberikannya dalam nombor pilihan pertama dan kedua data kami di dalam defineEmits dan dalam rentetan kami menulis nama pilihan untuk digunakan dalam komponen Induk<br>
Dan kita belajar cara memanggilnya dalam komponen Induk

<p>-const submitEmit=(e)=>{<br>
    console.log(e);<br>
    emit("counter", e) <br>
}<br>
-const submitUser=(e)=>{<br>
    console.log(e);<br>
    emit("pengguna", e);<br>
} Dua fungsi dicipta dan di dalamnya kami memanggil pembolehubah emit kami daripada komponen anak dan memberi mereka namanya dan e. Dalam kes ini e=Nombor pilihan kami iaitu 11 dan data kami<br>
- <ComponentD @counter="submitEmit" @users="submitUser"/> Akhirnya kami memanggil dua fungsi di bawah memancarkan nama pilihan dan kami boleh melihat hasilnya pada konsol</p>

<p>Terima kasih Semua atas perhatian</p>