Menggunakan API Komposisi Vue.js 3, cetuskan peristiwa apabila komponen dipaparkan
<p>Saya mempunyai beberapa komponen dalam aplikasi saya yang ditunjukkan/disembunyikan melalui butang dan pembolehubah, contohnya v-show="pembolehubah", butang hanya menetapkan pembolehubah ini kepada benar/salah dan saya mengendalikan komponen ini untuk web halaman, sama seperti melayari tapak web pada halaman yang berbeza. Apa yang saya mahu ialah cara untuk memanggil fungsi apabila komponen dipaparkan pada halaman. Sebagai contoh, saya ingin memilih 2 pemain secara rawak untuk memulakan permainan Apabila papan permainan dipaparkan, mesej atau amaran akan muncul hanya apabila pemain berusia 2 tahun. Yang penting ialah peristiwa itu berlaku dalam kejadian itu, dan Tidak sebelum ini. Idea saya adalah untuk mempunyai fungsi dalam bahagian skrip komponen: </p>
<pre class="brush:php;toolbar:false;">fungsikan sesuatu() { alert("hello" }</pre>
<p>Kemudian cari cara untuk menyebut: </p>
<pre class="brush:php;toolbar:false;">Apabila komponen dipaparkan -> jika (pemain == 2) { something();
<p>Apa yang saya kurang ialah bagaimana untuk menentukan dan mengendalikan bahagian "apabila komponen dipaparkan". Bagi saya, logik yang paling sesuai nampaknya ialah menggunakan onMounted, onRendered (saya membaca bahawa ia hanya berfungsi dalam persekitaran pembangunan) dan onActivated, tetapi mereka nampaknya tidak berfungsi dengan betul/sama sekali. </p>