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
})