vue3的监听函数watch基础
2022-05-17 本文已影响0人
蓝蓝红同学
基本调用:watch(被监听的数据,回调函数,配置项)
一、基础类型监听
单个数据监听
单个数据监听多个数据监听
vue3允许使用多个watch进行监听不同的数据
也可使用将所有要监听的数据放在一个数组里进行监听
多个数据监听二、复杂数据类型监听
直接监听一个reactive数据时,强制开启深度监听,并且无法关闭;此时无法在回调函数中获取oldValue,oldValue会展示成和newValue一样
监听一个reactive数据监听reactive数据的一个属性时,不会强制开启深度监听,并且可正常获取oldValue的值
只监听reactive数据的一个属性当reactive数据的一个属性是对象时,监听该对象,需手动设置深度监听,且设置深度监听后无法获取oldValue的值
监听一个reactive数据的对象属性