Skip to content
字数
298 字
阅读时间
2 分钟

watch 函数用来侦听特定的数据源,并在回调函数中执行副作用

watch 有三个参数:参数 1:监听的参数参数 2:监听的回调函数参数 3:监听的配置(immediate)

监听参数

watch 对 ref 数据的监听默认是浅监听的
- ,既然是浅监听,那可以直接修改第一层就好啦
reactive 数据是开启深度监听的,并且不能修改。
- 注意:直接监听 reactive,对 reactive 本身的修改是不会触发监听的。

监听回调函数

watch 指定函数,返回 ref
- 任何情况都不会触发监听,除非开启 deep。
watch 指定函数,返回 reactive(ref 中的对象
- 对这个 reactive 本身的修改会触发监听,内部数据的变化则不会。开启 deep 后上面 2 种情况都会被触发监听
watch 指定函数,返回普通值
- 任何影响到此值的修改并且是响应式的,都会触发监听。

参考

Vue3中watch无法监听的问题 - 掘金

贡献者

The avatar of contributor named as jiechen jiechen

页面历史

撰写