vue3的watch

• 监视ref定义的属性

   //监视ref定义一个属性
   watch(sum,(newvalue,oldvalue)=>{
       console.log(newvalue,oldvalue)
   })

  //监视ref定义多个属性
   watch([sum,name],(newvalue,oldvalue)=>{
       console.log(newvalue,oldvalue)
   },{immediate:true})//初始化时调用一次

   //监视ref定义对象
   watch(person.value,(newvalue,oldvalue)=>{
       console.log(newvalue,oldvalue)
   })//或开启deep：true

• 监视reactive所定义的属性

//监视reactive所定义的一个响应式数据全部属性，oldvalue无法正确获取
 //强制开启深度监视，deep无法改变
 watch(person,(newvalue,oldvalue)=>{
     console.log(newvalue,oldvalue)
 })

 //监视reactive所定义的一个响应式数据某个属性
 watch(()=>person.name,(newvalue,oldvalue)=>{
     console.log(newvalue,oldvalue)
 })
 //监视reactive所定义的一个响应式数据某些属性
 watch([()=>person.name,()=>person.age],(newvalue,oldvalue)=>{
     console.log(newvalue,oldvalue)
 })
 //特殊
 watch(person.job,(newvalue,oldvalue)=>{
     console.log(newvalue,oldvalue)
 },{deep})//监视响应式对象的对象属性开启deep

• watchEffect

    watchEffect(()=>{

    })//监视watchEffect中使用的属性，更注重逻辑