我对 Vue3 还很陌生，我正在使用 Vue 构建一个小型入门门户，并且在名为 const ProgressStage = ref(0) 的“App.vue”文件中使用全局状态并根据该状态渲染特定组件。

我还必须发出传递的处理程序来更改progressStage的状态

在此处查看代码：

<script setup>
import {ref} from 'vue';
import ComponentA from 'components/componentA.vue' (moc components)
import Component B from 'components/componentB.vue'
const progressStage = ref(0)
const data = ref({})
function handleNavigation(newVal){
  progressStage = newVal
}
function handleClientDataAdd(newData){
 const newData = {...data.value,newData}
 data.value = newData;
} 
</script>

<template>
<ComponentA
v-show:progressStage === 0
/>
<ComponentB
@handle-page-nav="handleNavigation"
@handle-client-data="handleClientDataAdd"
v-show:progressStage === 1
/>
</template>

在我的 ComponentB 内部 -> 另外，正在调用错误的那个： 在

<script setup>
import {ref} from 'vue'
const emits = defineEmits(['handlePageNav','clientDataAdd']

const data = ref({
name:''
}) (mock object)
</script

<template>
<input v-model="data.name" />