vue3在组件外获取路由信息

在组件外使用 router

由于 useRouter 只能在组件内使用，因此如果想在独立的 js 文件或 ts 文件不能使用 useRouter 获取

解决

可以使用 createRouter 方法创建一个 router ，vue项目中， 一般会有个 router 目录管理路由，我们可以在里面使用 createRouter 创建一个路由对象，并将其导出，于是就不用在各个地方都创建

const router = createRouter({history: createWebHashHistory(),routes} as RouterOptions);export default router;

在组件外使用 route

由于 useRoute 只能在组件内使用，因此如果想在独立的 js 文件或 ts 文件不能使用 useRoute 获取

解决

我们可以在导出的 router 中，里面有一个 currentRoute 属性，可以获取到当前的路由信息

router.currentRoute