文章目录
- 引言
- I 侦听器（侦听属性）
- 基本示例
- 侦听数据源类型
- 回调的触发时机
- 自动停止侦听器
- 条件式的侦听逻辑实现同步创建侦听器
- 手动停止异步回调创建的侦听器
- II 侦听器选项说明
- 一次性侦听器 once
- 即时回调的侦听器 immediate
- 深层侦听器 deep
- 后置刷新 flush: 'post'
- 同步侦听器 flush: 'sync'
- III 使用 watchEffect() 可以消除手动维护依赖列表的负担
- watchEffect() 自动跟踪回调的响应式依赖。
- watch vs watchEffect
引言
计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态。
在组合式 API 中，可以使用 watch 函数在每次响应式状态发生变化时触发回调函数：
<script setup>
import { ref, watch } from 'vue'const question 
