vue3 watchEffect 函数
watch 的套路是：既要指明监视的属性，也要指明监视的回调
watchEffect的套路是：不用指明监视的那个属性，监视的回调中，用到哪个属性，那就监视哪个属性。
watchEffect有点像computed：
但computed注重的是计算出来的值（回调函数的返回值），所以必须要写返回值；
而watchEffect 更注重的是过程（回调函数的函数体），所以不用写返回值。
import {ref, reactive, watchEffect} from ‘vue’
setup(){
let sum = ref(0)
let mag = ref('hhhhh')
let person = reactive({
name:"lisi",
age: 20,
job:{
job1:{
salary:20
}
}
})
// 用到了谁就监听谁
watchEffect (()=>{
const x1 = sum.value
const x2 = person.job.job1.salary
console.log(''watchEffect 配置的回调执行了, 默认开启了immdiate:true'， x1, x2)
})
return { sum,mag, person
}
}
