VUE2 watch
时间: 2023-08-09 18:07:55 浏览: 90
在Vue2中,watch是用来观测Vue实例上的数据变动的。它可以监听指定的属性,并在属性变化时执行相应的回调函数。\[1\]在watch中,可以通过键值对的形式来定义需要监测的属性和对应的处理函数。处理函数可以是一个函数名,也可以是一个具体的函数,它接收两个参数,分别是变化前的值和变化后的值。\[1\]
除了普通的watch,Vue2还支持数组的watch和对象的watch。数组的watch可以监听数组的变化,当数组发生变化时,回调函数会被调用,并传入变化前的数组和变化后的数组作为参数。\[1\]对象的watch可以通过配置项来实现深度监听,即监听对象内部值的改变。默认情况下,Vue的watch不会监测对象内部值的改变,但是可以通过设置deep为true来实现深度监听。\[2\]
在Vue2中,可以通过在watch选项中定义需要监听的属性和对应的处理函数来使用watch。例如,可以通过watch来监听msg属性的变化,并在变化时执行相应的操作。\[3\]
#### 引用[.reference_title]
- *1* [vue.js 关于watch](https://blog.csdn.net/Beng_shakalaka/article/details/79894841)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue2的watch监听属性](https://blog.csdn.net/weixin_49986131/article/details/124023971)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue2中的watch监听](https://blog.csdn.net/weixin_47619284/article/details/125953022)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文