<p>Ich bin ziemlich neu bei Vue3, ich erstelle ein kleines Starterportal mit Vue und in einer „App.vue“-Datei namens <code>const ProgressStage = ref(0)</code> Geben Sie einen Status an und rendern Sie bestimmte Komponenten basierend auf diesem Status. </p> <p>Ich musste auch den übergebenen Handler ausgeben, um den Status der progressStage zu ändern</p> <p>Sehen Sie sich den Code hier an: </p> <pre class="brush:php;toolbar:false;"><script setup> {ref} aus 'vue' importieren; Importieren Sie ComponentA aus „components/componentA.vue“ (moc-Komponenten). Komponente B aus „components/componentB.vue“ importieren const progressStage = ref(0) const data = ref({}) Funktion handleNavigation(newVal){ progressStage = newVal } Funktion handleClientDataAdd(newData){ const newData = {...data.value,newData} data.value = newData; } </script> <Vorlage> <KomponenteA v-show:progressStage === 0 /> <KomponenteB @handle-page-nav="handleNavigation" @handle-client-data="handleClientDataAdd" v-show:progressStage === 1 /> </template></pre> <p>In meiner KomponenteB -> Außerdem heißt es falsch: <strong>In <ComponentB onClientDataAdd=fn onHandlePageNav=fn In der Bewerbung. </strong></p> <pre class="brush:php;toolbar:false;"><script setup> {ref} aus 'vue' importieren const emits = defineEmits(['handlePageNav','clientDataAdd'] const data = ref({ Name:'' }) (Scheinobjekt) </script <Vorlage> <input v-model="data.name" /></pre> <p>Ich habe mehrere andere Komponenten, die ebenfalls den Status verwenden, um sich dynamisch zu installieren, aber ComponentB scheint weiterhin die obige Warnung auszulösen (bei jedem Tastendruck in der Eingabe)</p> <p><strong>Ich hoffe auf Hilfe</strong></p>