VUE3 watch使用总结

监听ref类型的数据

const test =ref<string>('')
    
watch(test,(newval,oldval)=>{
    console.log(newval,oldval)
    })

监听reactive类型的数据

const test =reactive<Test>({account:0})
    
watch(test.account,(newval,oldval)=>{
    console.log(newval,oldval)
    })

开启深度监听和立即执行监听

const test =ref<string>('')
    
watch(test,(val,old)=>{
    console.log(val,old)
    }，
    {
        deep:true,
        immediate:true,
    }
    )

监听路由变化

watch(
()=>router.path,
    (val,old)=>{
        console.log(val,old)
    })