方法一 :watch监听
父组件
//其中workOrder 是我们本次要监听的字段
<listForm
ref="listFormRef"
v-if="listFormShow"
@listData="listDataEvent"
:workOrder="workOrderValue"
/>
子组件
//引入watchEffect
import {
ref,
watch,
} from "vue";
const props = defineProps({
workOrder: ''
})
watch(()=>props.workOrder,(newValue,oldValue)=>{
console.log('workOrder变化了',newValue,oldValue)
},{immediate:true,deep:true})
方法二 watchEffect方法
父组件
//其中workOrder 是我们本次要监听的字段
<listForm
ref="listFormRef"
v-if="listFormShow"
@listData="listDataEvent"
:workOrder="workOrderValue"
/>
子组件
//引入watchEffect
import {
ref,
watchEffect,
} from "vue";
const props = defineProps({
workOrder: ''
})
watchEffect(()=>{
const x1 = props.workOrder
console.log(x1,'watchEffect配置的回调执行了')
})