我的博客

外观

回到顶部
导航

useRoute、useRouter

TIP

useRoute返回当前路由地址。相当于在模板中使用$route，必须在setup中使用。

useRouter返回router实例。相当于在模板中使用$router，必须在setup中使用。

ts
export function useRouter(): Router {
  return inject(routerKey)!
}

export function useRoute(): RouteLocationNormalizedLoaded {
  return inject(routeLocationKey)!
}

useRouter和useRoute都是使用inject来进行获取对应值。对应值都是在install过程中注入的。

ts
install(app) {
  // ...
  app.provide(routerKey, router)
  app.provide(routeLocationKey, reactive(reactiveRoute))
  // ...
}