• Docs
  • Modules
  • Templates
  • Resources
  • Enterprise
  • Blog
58.3K
  • Get Started
  • Guide
  • API
  • Deploy
  • Examples
  • Community
    • <ClientOnly>
    • <DevOnly>
    • <NuxtClientFallback>
    • <NuxtPicture>
    • <Teleport>
    • <NuxtRouteAnnouncer>New
    • <NuxtTime>New
    • <NuxtPage>
    • <NuxtLayout>
    • <NuxtLink>
    • <NuxtLoadingIndicator>
    • <NuxtErrorBoundary>
    • <NuxtWelcome>
    • <NuxtIsland>
    • <NuxtImg>
    • onPrehydrate
    • useAppConfig
    • useAsyncData
    • useCookie
    • useError
    • useFetch
    • useHead
    • useHeadSafe
    • useHydration
    • useLazyAsyncData
    • useLazyFetch
    • useLoadingIndicator
    • useNuxtApp
    • useNuxtData
    • usePreviewMode
    • useRequestEvent
    • useRequestFetch
    • useRequestHeader
    • useRequestHeaders
    • useRequestURL
    • useResponseHeader
    • useRoute
    • useRouteAnnouncerNew
    • useRouter
    • useRuntimeConfig
    • useRuntimeHook
    • useSeoMeta
    • useServerSeoMeta
    • useState
    • $fetch
    • abortNavigation
    • addRouteMiddleware
    • callOnceNew
    • clearError
    • clearNuxtData
    • clearNuxtState
    • createError
    • defineLazyHydrationComponent
    • defineNuxtComponent
    • defineNuxtPlugin
    • defineNuxtRouteMiddleware
    • definePageMeta
    • defineRouteRules
    • navigateTo
    • onBeforeRouteLeave
    • onBeforeRouteUpdate
    • onNuxtReady
    • prefetchComponents
    • preloadComponents
    • preloadRouteComponents
    • prerenderRoutes
    • refreshCookieNew
    • refreshNuxtData
    • reloadNuxtApp
    • setPageLayout
    • setResponseStatus
    • showError
    • updateAppConfig
    • nuxt add
    • nuxt analyze
    • nuxt build
    • nuxt build-module
    • nuxt cleanup
    • nuxt dev
    • nuxt devtools
    • nuxt generate
    • nuxt info
    • create nuxt
    • nuxt module
    • nuxt prepare
    • nuxt preview
    • nuxt typecheck
    • nuxt upgrade
    • Modules
    • Runtime Config
    • Templates
    • Nitro
    • Resolving
    • Logging
    • Builder
    • Examples
    • Layers
    • Programmatic Usage
    • Compatibility
    • Auto-imports
    • Components
    • Context
    • Pages
    • Layout
    • Plugins
    • Lifecycle Hooks
    • Import meta
  • Nuxt Configuration
  1. API
  2. Utils

onBeforeRouteUpdate

Source
The onBeforeRouteUpdate composable allows registering a route guard within a component.
Read more in Vue Router Docs.
Was this helpful?
Report an issue or Edit this page on GitHub

onBeforeRouteLeave

The onBeforeRouteLeave composable allows registering a route guard within a component.

onNuxtReady

The onNuxtReady composable allows running a callback after your app has finished initializing.

Community

  • Become a Sponsor
  • Master Nuxt
  • Nuxt Certification
Nuxt on DiscordNuxt on BlueskyNuxt on XNuxt on GitHub

Community

  • Nuxters
  • Team
  • Design Kit

Products

  • Nuxt UI Pro
  • Nuxt Studio
  • NuxtHub
  • Docus

Enterprise

  • Support
  • Agencies
  • Sponsors

Stay updated on new releases and features, guides, and community updates.

Nuxt on XNuxt on BlueSkyNuxt on LinkedInNuxt on DiscordNuxt on GitHub

Copyright © 2016-2025 Nuxt - MIT License