watch作用：监视数据的变化
当你监视的是 「基本类型值」（字符串 / 数字 / 布尔值，比如person2.name/ref(18).value）→ watch监视的是 **【值本身】**；
当你监视的是 「引用类型」（对象 / 数组 / Proxy/RefImpl，比如person2/ref({name:''})）→ watch监视的是 **【内存地址】**；
1、监视ref定义的基本数据类型：
let a=ref(0)
直接监视：
watch(a,(new,old)=>{
//操作内容
})
监视的是基本类型，所以值变化了，new和old就不同
2、监视ref定义的对象类型：
let person=ref({ name:"张三", age:18 }) function changeName(){ person.value.name+='~' } function changeAge(){ person.value.age+=1 } function changePerson(){ person.value={ //地址值会发生变化 name:"李四", age:20 } }
使用方式：
watch(person,(newValue,oldValue)=>{
console.log("person的值变化了",newValue,oldValue);
})
此时，由于watch监视的是引用类型，看地址变化，因此调用changeName或changeAge改变单个属性时，地址不变化，不会触发监视，而调用changePerson时，person.value的地址会发生变化，因此会触发监视
解决方法：手动开启深度监视：
watch(person,(newValue,oldValue)=>{
console.log("person的值变化了",newValue,oldValue);
},{deep:true,immediate:true})//深度监视,立即监视（页面一刷新就先执行watch，而不是等person变化了再执行）
在这个watch的回调函数中，newValue和oldValue都是ref对象，需要.value才能获取到里面的值
此时，如果只有单个属性发生变化，newValue和oldValue的值是一样的，因为地址值没有变化，但是如果是全部发生了变化，也就是如果触发了changePerson函数，newValue和oldValue的值就不一样了，因为地址值发生了变化。
3、监视reactive定义的对象类型：
let person1=reactive({ name:"张三", age:18 }) function (){ person1.name+= } { person1.age+= } { Object.(person1, {//地址没有变化 :, : }) }
