vue3的监听函数watch基础

基本调用:watch(被监听的数据,回调函数,配置项)

一、基础类型监听

单个数据监听

单个数据监听

多个数据监听

vue3允许使用多个watch进行监听不同的数据

也可使用将所有要监听的数据放在一个数组里进行监听

多个数据监听

二、复杂数据类型监听

直接监听一个reactive数据时,强制开启深度监听,并且无法关闭;此时无法在回调函数中获取oldValue,oldValue会展示成和newValue一样

监听一个reactive数据

监听reactive数据的一个属性时,不会强制开启深度监听,并且可正常获取oldValue的值

只监听reactive数据的一个属性

当reactive数据的一个属性是对象时,监听该对象,需手动设置深度监听,且设置深度监听后无法获取oldValue的值

监听一个reactive数据的对象属性
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容