vue3中的watch

1. 简单的监听：

const number=ref(0)
watch(number, (newValue, oldValue)=>{
    //
})

2.复杂类型：

const user=reactive({
    name:'test',
    age:18
})

// 整体监听
watch(user, (oldValue, newValue)=>{
    //
})
// 监听某一属性
watch(()=>user.name, (oldValue, newValue)=>{
})

3. watch第三个参数

       

watch( user, (oldValue, newValue)=>{
},{ deep: true, immediate:true}) 
// 深度监听， 子孙属性
// 立即监听，初始化就执行一次

4. 还可以使用watchEffect监听

watchEffect(()=>{
  console.log('user',user)
})