vue2获取当前路由信息

在Vue 2中，可以使用vue-router来获取当前路由信息。以下是几种常见的方法：

方法一：通过this.$route对象获取当前路由信息
可以在组件中使用this.$route来获取当前的路由信息，例如：

console.log(this.$route.path);

这将返回当前路由的路径。

方法二：通过VueRouter的实例$router获取当前路由信息
可以在组件中使用this.$router来获取VueRouter的实例，然后通过该实例获取当前路由信息，例如：

console.log(this.$router.currentRoute.path);

这将返回当前路由的路径。

方法三：通过watch监听$router对象获取最新的路由信息
可以通过watch监听$router对象的变化来获取最新的路由信息，例如：

watch('$router', (to, from) => {
  console.log(to.path);
}, { immediate: true });

这将在组件加载时立即执行监听，并在路由变化时打印最新的路由路径。

总结：以上是几种常见的方法来获取Vue 2中的当前路由信息。其中，方法一和方法二使用的是VueRouter的实例或者组件实例本身，方法三则是通过监听$router对象来获取最新的路由信息。建议使用方法一或方法二来获取当前路由信息，因为它们更简单直观。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vue2学习（7） 路由](https://blog.csdn.net/weixin_47758346/article/details/123868917)[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: 50%"]
- *3* [vue获取当前路由的几种方式](https://blog.csdn.net/qq_45662523/article/details/126773807)[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: 50%"]
[ .reference_list ]