vue3里面的watch

在Vue3中，watch函数用于监视数据的变化并执行相应的回调函数。watch函数可以有多种用法：

1. 监视一个变量或计算属性：

watch(nums, () => {
  // 当nums发生变化时，执行回调函数
})

2. 监视对象的特定属性：

watch(() => demo.name, () => {
  // 当demo对象的name属性发生变化时，执行回调函数
})

3. 监视对象的所有子属性：

watch(() => ({ ...demo }), (newValue, oldValue) => {
  // 当demo对象的任何子属性发生变化时，执行回调函数
  console.log('watch 已触发', newValue)
})

4. 监视整个对象：

watch(demo, (newValue, oldValue) => {
  // 当demo对象发生变化时，执行回调函数
  console.log('watch 已触发', newValue)
})

总结起来，Vue3的watch函数可以用于监视变量、计算属性以及对象的属性或整个对象的变化，并在相应的变化发生时执行回调函数。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [VUE3 中的 Watch](https://blog.csdn.net/weixin_64222137/article/details/129880092)[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_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]