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