监听器watch的用法

监听器watch的用法主要有三种。

第一种是普通用法，当值第一次绑定时，不会执行监听函数，只有当值发生改变时才会执行。这是watch的默认行为。

第二种是使用immediate属性，可以在最初绑定值的时候也执行监听函数。通过设置immediate为true，可以让监听函数在绑定时立即执行一次。

第三种是使用简单侦听，主要针对变量和简单数据类型。在Vue中，我们可以将需要监听的数据写在watch对象中，并为其提供一个方法。当被监听的数据的值改变时，该方法会被调用。这种方式可以用来监听变量的变化并执行相应的操作。

要实现监听器的原理，我们可以使用JavaScript中的Object.defineProperty()方法，手动劫持对象的getter和setter。这样，当被监听的数据发生改变时，我们可以触发相应的操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue中watch(监听器)的用法详解（通俗易懂，简单明了）](https://blog.csdn.net/qq_36995521/article/details/122576076)[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: 33.333333333333336%"]
- *2* [watch监听器的基本使用](https://blog.csdn.net/zj695133626/article/details/120914718)[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: 33.333333333333336%"]
- *3* [小程序使用watch监听数据变化的方法详解](https://download.csdn.net/download/weixin_38640473/13674607)[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: 33.333333333333336%"]
[ .reference_list ]