vue3的监听函数watch基础

2022-05-17  本文已影响0人  蓝蓝红同学

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

一、基础类型监听

单个数据监听

单个数据监听

多个数据监听

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

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

多个数据监听

二、复杂数据类型监听

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

监听一个reactive数据

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

只监听reactive数据的一个属性

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

监听一个reactive数据的对象属性
上一篇下一篇

猜你喜欢

热点阅读