Vue3 的watch 监视属性

1. 监听单个 watch(变量,(新值,老值)=>{})

2. 监听多个 watch([变量1,变量2],(新值,老值)=>{})

3. 监听对象 watch(()=>对象,(新值)=>{})

4. 监听对象属性 watch(()=>对象.属性,(新值,老值)=>{})

5. 监听对象多个属性 watch([()=>对象.属性1,()=>对象.属性2],(新值,老值)=>{})

6. 监听对象属性，且该属性值是引用类型 watch(()=>对象.属性,(新值,老值)=>{},{ deep:true })

大总结： watch(监听目标,执行函数,配置) // 配置主要包含 { deep:true/false,immediate:true/false }

 

watchEffect 函数

作用： 监听函数用到哪些变量，只要这些变量变化就会执行该监听函数； 一开始会自动执行一次 ；

格式：watchEffect(()=>{ // 用到的变量发送变化，就会执行该函数 })