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(()=>{ // 用到的变量发送变化,就会执行该函数 })
标签:对象,Vue3,watch,新值,老值,监视,监听,属性 From: https://www.cnblogs.com/zhulongxu/p/16880051.html