使用Vue.js获取当前路由路径

Vue.js是一个极其强大的JavaScript框架，它允许开发者使用它来创建和管理客户端应用程序。其中一个强大的功能是它可以让开发者轻松获取当前路由路径。

要获取当前路由路径，需要在Vue应用程序中实例化Vue Router：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

可以使用Vue Router实例的$route对象来访问当前路由路径：

this.$route.path // 当前路由路径

$route对象还包含其他有用的信息，例如路由参数、查询参数和哈希：

• this.$route.params - 包含路由参数
• this.$route.query - 包含查询参数
• this.$route.hash - 包含哈希

还可以使用Vue Router实例的$router对象来访问当前路由：

this.$router.currentRoute // 当前路由

$router对象包含更多信息，例如路由名称、路由路径、路由参数、查询参数和哈希：

• this.$router.name - 包含路由名称
• this.$router.path - 包含路由路径
• this.$router.params - 包含路由参数
• this.$router.query - 包含查询参数
• this.$router.hash - 包含哈希

通过使用Vue.js和Vue Router，开发者可以轻松获取当前路由路径，以及更多有用的信息。