vue中$watch 实例方法

在Vue中，$watch是一个实例方法，用于观察Vue实例中的数据变化。根据引用，如果使用Vue3，可以使用键路径来观察数据的变化。例如，在created钩子函数中使用键路径来观察c.d的变化。当c.d的值发生变化时，回调函数将被触发。

在Vue2中，可以使用命令式的$watch API来观察数据的变化，就像引用中所述。可以使用watch选项或者composition API中的watch来进行多个数据源的同时观察。使用数组来同时侦听多个源，当观察的数据发生变化时，回调函数将被执行。

根据引用中对$watch方法的解释，$watch用于观察Vue实例中的表达式或计算属性函数的变化。回调函数会接收到新值和旧值作为参数。对于简单的键路径，可以直接使用表达式进行观察。对于更复杂的表达式，可以使用一个函数来观察。当表达式或计算属性发生变化时，回调函数将被触发。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [理解vue中$watch使用](https://blog.csdn.net/wu_xianqiang/article/details/110265274)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [深入对Vue.js $watch方法的理解](https://download.csdn.net/download/weixin_38606656/13621496)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]