vue3 watch响应式数据

vue3 watch响应式数据

看了网上的很多博客感觉都有问题，基于vue3 和typescript 我总结了自己项目中用到的watch监听数据的写法：
watch单个响应式数据（ref包裹的数据）：

 watch(() => props.taskinfo, (n, o) => {
    
    
           console.log(n)
        },
            {
    
    
            deep: true,
                immediate: true
            })

watch多个响应式数据，第一个参数为一个数组，数组的每一项都是响应式数据，所以每一个都应该是函数的返回值，第二个参数也是数组，每一项对应着第一个参数中各项：

 watch([() =>props.time,()=> props.progress], ([time,progress],[preTime,preProgress]) => {
    
    
          console.log(time,progress)
        },
            {
    
    
                deep: true,
                immediate: true
            })