Vue3 watch选项API怎么用？和watchEffect、computed选哪个？避坑技巧全讲透

第一次从Vue2转Vue3的朋友，大概率会被选项API和组合式API里的监听相关函数搞混——尤其是明明以前用选项watch挺顺手的，到了Vue3怎么好像变复杂了？一会儿能监听data里的属性，一会儿又有深层监听、立即执行的选项，还要对比组合式的watch、watchEffect甚至computed？别慌，这篇文章就以Vue3选项式watch为核心，拆成新手入门、进阶用法、三大函数的选择、高频踩坑点这几块,慢慢讲明白。

Vue3选项式watch的基本玩法

很多朋友刚接触Vue3的组合式API时会觉得“高大上”，但其实选项式watch在Vue3里完全保留了，甚至修复了Vue2里一些小bug，比如监听数组索引不用再强制用$set/vm.$watch的回调式写法了（还是尽量避免直接修改数组索引这种不符合响应式规范的操作）。

先来回忆下，选项式watch的位置在哪？没错，是在