基本示例​ 计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态。 在组合式 API 中，我们可以使用 watch 函数在每次响应式状态发生变化时触发回调函数： 侦听数据源类型​ watch 的第一个参数可以是不同形式的“数据源”：它可以是一个 ref (包括计算属性)、一个响应式对象、一个 getter 函数、或多个数据源组成的数组： 注意，你不能直接侦听响应式对象的属性值，例如: 这里需要用一个返回该属性的 getter 函数： 深层侦听器​ 直接给 watch() 传入一个响应式对象，会隐式地创建一个深层侦听器——该回调函数在所有嵌套的变更时都会被触发： 相比之下，一个返回响应式对象的 getter 函数，只有在返回不同的对象时，才会触发回调： js 你也可以给上面这个例子显式地加上 deep 选项，强制转成深层侦听器： 到此这篇关于一文详解vue中侦听器的使用的文章就介绍到这了,更多相关vue侦听器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！ 您可能感兴趣的文章:一文搞懂Vue中watch侦听器的用法一文带你掌握vue3中侦听器的使用Vue中的侦听器及使用场景老生常谈Vue中的侦听器watchVue3侦听器的实现原理详情详解Vue3中侦听器watch的使用教程Vue基础之侦听器详解