vue3watch写法

在Vue3中，watch函数有三种常见的写法。

第一种写法是监听一个响应式数据的变化，例如：
watch(nums, () => {})
在这种写法中，nums是一个响应式数据，当nums发生变化时，回调函数会被触发执行。

第二种写法是监听一个对象的子属性的变化，例如：
watch(() => demo.name, () => {})
在这种写法中，demo是一个对象，监听的是demo对象的name属性的变化。

第三种写法是监听整个对象的变化，例如：
watch(demo, (newValue, oldValue) => {})
在这种写法中，demo是一个对象，当demo对象的任意属性发生变化时，回调函数会被触发执行。

需要注意的是，第二种和第三种写法都是监听对象的变化，但是它们的区别在于：
第二种写法是只监听对象的子属性的变化，只有demo对象的name属性发生变化时，回调函数才会被触发执行。
而第三种写法是监听整个对象的变化，即使是demo对象的其他属性发生变化，回调函数也会被触发执行。<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_42776027/article/details/125759685)[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: 100%"]
[ .reference_list ]