vue3中子组件监听父组件传来的实时数据变化
·
方法一 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配置的回调执行了')
})
vue3详细内容请看这个链接
https://blog.csdn.net/m0_58266149/article/details/129945094?spm=1001.2014.3001.5501
更多推荐
已为社区贡献1条内容
所有评论(0)