2022.7.6 vue3 computed() watch()

77 阅读1分钟

image.png

vue3计算属性

image.png

vue2 watch深度监听

image.png

vue3 watch监听ref(). watch是一个函数,
第一个参数为监听的data的值,第二个参数为改变值时的回调函数,第三个参数为配置对象(immediate和deep).
当监听对象中的属性时,需要在watch第三个配置参数中deep:true进行深度监听

image.png

image.png

watch对于reactive强制进行深度监听,即:改变reactive中的某个数据,都会触发watch()的回调函数,且无法通过deep:false关闭深度监听

image.png

image.png

监听某个reactive对象中的某个属性

image.png

监听reactive对象中的某个属性,且这个属性也是一个对象,这时需要加deep:true