vue3怎么在setup函数外面的地方(比如store)获取当前路由信息啊?
时间: 2024-03-01 17:53:39 浏览: 31
在Vue 3中,在`setup`函数外部获取当前路由信息可以使用Vue Router提供的`useRoute`函数。`useRoute`函数可以在Vue组件的模板中使用,也可以在`setup`函数外部使用。
具体实现方法如下:
1. 在Vue Router实例中使用`useRoute`函数:
```
import { createRouter, createWebHistory } from 'vue-router'
import { useRoute } from 'vue-router'
const router = createRouter({
history: createWebHistory(),
routes: [
{ path: '/', component: Home },
{ path: '/about', component: About },
{ path: '/contact', component: Contact }
]
})
const currentRoute = useRoute()
console.log(currentRoute.path)
```
2. 在普通的JavaScript模块中使用`useRoute`函数:
```
import { useRoute } from 'vue-router'
const currentRoute = useRoute()
console.log(currentRoute.path)
```
需要注意的是,`useRoute`函数只能在已经使用`router`插件并且路由已经初始化的情况下才能使用。