<p>Saya agak baru menggunakan Vue3, saya sedang membina portal permulaan kecil menggunakan Vue dan dalam fail "App.vue" yang dipanggil <code>const ProgressStage = ref(0)</code> nyatakan dan jadikan komponen tertentu berdasarkan keadaan itu. </p> <p>Saya juga terpaksa mengeluarkan pengendali yang diluluskan untuk menukar status progressStage</p> <p>Lihat kod di sini: </p> <pre class="brush:php;toolbar:false;"><setup script> import {ref} daripada 'vue'; import ComponentA daripada 'components/componentA.vue' (komponen moc) import Komponen B daripada 'komponen/komponenB.vue' const progressStage = ref(0) data const = ref({}) function handleNavigation(newVal){ progressStage = newVal } function handleClientDataAdd(newData){ const newData = {...data.value,newData} data.value = newData; } </skrip> <template> <KomponenA v-show:progressStage === 0 /> <KomponenB @handle-page-nav="handleNavigation" @handle-client-data="handleClientDataAdd" v-show:progressStage === 1 /> </template></pre> <p>Di dalam KomponenB saya -> Juga, yang salah dipanggil: <strong>Dalam <ComponentB onClientDataAdd=fn onHandlePageNav=fn Dalam permohonan itu. </strong></p> <pre class="brush:php;toolbar:false;"><setup script> import {ref} daripada 'vue' const emits = defineEmits(['handlePageNav','clientDataAdd'] data const = ref({ nama:'' }) (objek olok-olok) </skrip <template> <input v-model="data.name" /></pre> <p>Saya mempunyai berbilang komponen lain yang turut menggunakan keadaan untuk memasang sendiri secara dinamik, tetapi ComponentB nampaknya terus memberikan amaran di atas (pada setiap ketukan kekunci dalam input)</p> <p><strong>Berharap bantuan</strong></p>