在 Vue.js 中获取路由器状态的方法有：使用 $router 对象，提供 $route、$path、$params、$query、$name 等属性和方法来获取路由器状态。使用 useRouter 钩子函数访问路由器对象。直接导入 vue-router 包访问路由器对象。
如何获取 Vue 路由器状态
在 Vue.js 中，可以通过以下方法获取路由器状态：
1. 使用 $router 对象
在 Vue 实例或组件中，可以通过 this.$router 访问到当前的路由器实例。然后可以使用以下属性和方法来获取路由器状态：
立即学习“前端免费学习笔记（深入）”；
-
$route：包含当前激活路由的详细信息，包括路径、参数、查询参数等。 -
$path：当前路径的字符串表示形式。 -
$params：当前路由参数的对象。 -
$query：当前查询参数的对象。 -
$name：当前命名的路由的名称（如果有的话）。 -
push(location)：将新条目压入路由历史记录，并导航到新位置。 -
replace(location)：替换当前历史记录条目，并导航到新位置。 -
go(n)：向历史记录前进或后退n步。
2. 使用 useRouter 钩子
也可以使用 useRouter 钩子函数访问路由器对象：
import { useRouter } from 'vue-router'
export default {
setup() {
const router = useRouter()
// 使用 router 对象...
}
}3. 使用 vue-router 包
直接导入 vue-router 包也可以访问路由器对象：
import VueRouter from 'vue-router'
export default {
setup() {
const router = new VueRouter(...)
// 使用 router 对象...
}
} 
