vue2 watch的使用

Vue2中的watch属性用于监听属性的变化。根据提供的引用内容，有三种常见的watch用法。

方法一是在watch对象中使用$router属性和to、from参数来监听路由的变化。这种方法可以在路由发生变化时执行相应的操作。例如，可以通过console.log(to.path)来获取路由的路径。 [2]

方法二是在watch对象中使用$route属性来监听路由的变化。可以通过handler函数来处理新旧值的变化，并设置deep为true来深度观察监听。这种方法也可以使用methods中的函数来实现监听路由变化。 [2]

方法三是在watch对象中监听对象的某一项属性的变化。可以使用"obj.something"作为属性路径，然后在handler函数中处理新旧值的变化。例如，可以使用console.log来显示新旧值以及其他操作。 [3]

综上所述，Vue2中的watch可以用于监听属性的变化，包括监听路由变化和监听对象中的某一项属性的变化。这些方法可以根据具体的需求来选择使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue2 监听属性改变watch的实例代码](https://download.csdn.net/download/weixin_38517728/12953293)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [vue2中watch的使用](https://blog.csdn.net/weixin_46243043/article/details/128332194)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [VUE中watch的详细使用教程](https://blog.csdn.net/qq_59917539/article/details/128082707)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]