Menggunakan API Komposisi Vue.js 3, cetuskan peristiwa apabila komponen dipaparkan

Question

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:

fungsikan sesuatu() { alert("hello" }

Kemudian cari cara untuk menyebut:

Apabila komponen dipaparkan -> jika (pemain == 2) { something();
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. 
            

Answer 1

Saya jumpa jalan. Masalahnya ialah: ia berfungsi dengan onMounted和v-if结合使用。我正在检查代码，看看是否可以使用v-if而不是v-show，我记得我故意选择使用v-show untuk mengendalikan komponen saya, tetapi mungkin menukarnya tidak akan menjadi masalah dalam kes ini.