vue3 setup中子组件接收的props变化了，但是没有触发watch或者watchEffect，是什么原因呢？

Question

父组件

<fireNumItem :timeParam="timeParam" />

    const timeParam = ref({
            startTime: dayjs().startOf('year').format('YYYY-MM-DD HH:mm:ss'),
            endTime: dayjs().format('YYYY-MM-DD HH:mm:ss')
        }); // 时间参数

子组件

interface Props {
        timeParam: Object,
    }
    const { timeParam } = defineProps<Props>();
    toRefs(timeParam);
    
    watch(timeParam, () => {
        console.log('timeParamWatttttt', timeParam.value);
    }, { deep: true,immediate:true })
    watchEffect(() => {
        console.log('timeParamEffect', timeParam.value);
        // getSiteTypeData();
    })

子组件页面上的都变化了，就是不触发监听事件，什么原因呢？

Answer 1

解构 props 对象 会丢失其内部原始类型的响应式