- watch的套路是:既要指明监听的属性,也要指明监视的回调
- watchEffect的套路是:无需指明监听属性,根据回调函数中用到哪个属性,就监视哪个属性
- watchEffect 有点像computed
- computed 注重计算出来的值(回调函数的返回值),所以必须要写返回值
- watchEffect 更注重的是过程(回调函数的函数体),所以不用写返回值
let sum = ref(10)
let person = reactive({
name:'张三',
age:15,
job:{
j1:{
salary:20
}
}
})
//watchEffect 所指定的回调函数中依赖的响应式数据发生变化,就要重新执行回调
watchEffect(()=>{
const x1 = sum.value
const x2 = person.age
console.info("数据发生改变了watchEffect",person)
})