Watch在vue3中是一个组合API,可以多次调用,它有三个参数:
Params1:被监听的变量,可以是一个数组,存放多个变量。
Params2:回调函数,监听的数据有变化时调用,回调函数中有两个参数,newVal和oldVal。
Params3:是一个对象,存放watch的配置{immediate:true,deep:true}。
1、Watch监听ref变量


Watch监听reactive变量
Vue3bug:
1)watch监听reactive变量时,oldValue值获取不到。
2)强制开启了深度监听,deep配置无效。

新旧值一样。
在vue3中,不管嵌套的层级有多深,只要是用reactive定义的,都可以监听到。但是获取不到正确的oldVal。
监听reactive定义的嵌套多级的对象,不管嵌套层级有多深,都是深度监听

Vue3中的Watch、reactive与WatchEffect:深度监听、回调与特性比较

最低0.47元/天 解锁文章
1205

被折叠的 条评论
为什么被折叠?



