const route = useRoute();用法,能得到哪些值?
useRoute()
是 Vue Router 4.x(Vue 3 的版本)中的一个新方法,它是 Composition API 的一部分。这个函数返回代表当前路由的 route
对象。
以下是你可以从 route
对象中得到的一些属性:
name
: 当前路由的名称。path
: 当前 URL 的路径部分。hash
: URL 的哈希值(#后面的部分)。query
: 一个包含 URL 查询参数的对象。例如,在URL为/path?user=123
中,route.query.user
将等于'123'
。params
: 一个包含动态片段和星号片段的对象。如果你的路由有路径参数(例如 '/user/:id'),那么你可以通过route.params.id
来访问它。fullPath
: 完整的 URL,包括查询参数和哈希值。matched
: 一个数组,包含所有嵌套路径片段的路由记录。meta
: 当前路由的元信息。
示例:
```
import { useRoute } from 'vue-router'
export default {
setup() {
const route = useRoute()
// 访问路由属性
console.log(route.name)
console.log(route.path)
console.log(route.hash)
console.log(route.query)
console.log(route.params)
console.log(route.fullPath)
console.log(route.matched)
console.log(route.meta