vue3的监听函数watch基础

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3的监听函数watch基础相关的知识,希望对你有一定的参考价值。

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

单个数据监听

多个数据监听

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

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

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

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

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

以上是关于vue3的监听函数watch基础的主要内容,如果未能解决你的问题,请参考以下文章

vue3watch不生效

vue3如何进行数据监听watch/watchEffect

vue3 watch监听 (immediate / deep / watchEffect)

vue3 watch监听 (immediate / deep / watchEffect)

vue3下watch的使用

vue watch原理