vue3+ts 子组件接收父组件异步传值 不实时更新

话不多说直接贴代码 （解决方法用watch）

父组件

<template>
<AddData :passStatus="addStatus" @add-close="addClose" />
</template>
<script setup lang="ts">
let addStatus = ref<boolean>(false)
const onAdd = () => {
  addStatus.value = true
  console.log(addStatus.value, 'addStatus')
}
</script>

子组件

<script setup lang="ts">
const props = defineProps<{
  passStatus: boolean
}>()

console.log(props.passStatus, 'addStatus')  //页面第一次加载 有值，父组件点事件传过来 不会执行

//watch （用的时候引用一下 import{watch} from ‘vue’）
watch(
  () => props.passStatus,
  (newval: boolean, oldval: boolean) => {
    console.log(newval, oldval)
    centerDialogVisible.value = newval
  }
)