vue 3 wacth写法大全

watch(count,(newValue,oldValue)=>{
  if(newValue){
    console.log(`我侦听到了count状态的变化，当前值为${newValue},从而处理相关逻辑`);
  }
}
watch([x,y],([x,y],oldValue)=>{
  if(newValue){
    console.log(`我侦听到了count状态的变化，当前值为${newValue},从而处理相关逻辑`);
  }
}
//监听对象性属性
watch(()=>obj.num,(newV,oldV)=>{
   console.log('监听单个属性',oldV,newV);
})
//监听多个属性
watch([()=>obj.num,()=>obj.age],(newV,oldV)=>{
  console.log('监听多个',oldV,newV);//监听多个属性要在监听单个属性后面执行 
})
//监听整个对象
watch(obj,(oldV,newV)=>{
    console.log('监听整个对象',oldV.age,newV.age);
},{ deep: true,immediate:true })

//watchEffect页面刷新之后立即执行
watchEffect(()=>{
    //凡是写在这里的数据只要变化都会触发这里的代码执行
    console.log(obj.num);
    console.log(per.age);
})