Vue3ts computed和watch

computed

当依赖的属性值发生变化，才会触发他的更改，如果依赖的值不发生变化，使用的是缓存中的值

经典例子：

watch侦听器

当监听reactve对象的时候，写不写deep无所谓，都可以监听到深层次变化

有bug，当监听引用类型的数据时，oldvalue不能正常显示，原因是watch没有做缓存，所以一碰到引用类型就歇逼，而computed做了缓存

解决方案：

监听多个响应式对象

其中newVal和oldVal也会变成数组

深度监听

当使用ref的时候，需要开启深度监听，使用reactive会自动开启深度监听（就算你设置了deep：false也会监听）

深度监听bug：当开启深度监听的时候，oldvalue会等于newVal

开启非惰性

开启后页面会先走一下watch

参考：https://blog.csdn.net/qq1195566313