mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-15 02:14:44 +00:00
dc47c64f14
Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: Sébastien Chopin <seb@nuxtjs.com> Co-authored-by: Pooya Parsa <pooya@pi0.io> Co-authored-by: pooya parsa <pyapar@gmail.com> Co-authored-by: Clément Ollivier <clement.o2p@gmail.com>
3.2 KiB
3.2 KiB
| title | description |
|---|---|
| Lifecycle Hooks | Nuxt provides a powerful hooking system to expand almost every aspect using hooks. |
Lifecycle Hooks
:ReadMore{link="/guide/going-further/hooks"}
App Hooks (runtime)
Check the app source code for all available hooks.
| Hook | Arguments | Environment | Description |
|---|---|---|---|
app:created |
vueApp |
Server & Client | Called when initial vueApp instance is created. |
app:error |
err |
Server & Client | Called when a fatal error occurs. |
app:error:cleared |
{ redirect? } |
Server & Client | Called when a fatal error occurs. |
app:data:refresh |
keys? |
Server & Client | (internal) |
vue:setup |
- | Server & Client | (internal) |
vue:error |
err, target, info |
Server & Client | Called when a vue error propages to the root component. Learn More. |
app:rendered |
renderContext |
Server | Called when SSR rendering is done. |
app:redirected |
- | Server | Called before SSR redirection. |
app:beforeMount |
vueApp |
Client | Called before mounting the app, called only on client side. |
app:mounted |
vueApp |
Client | Called when Vue app is initialized and mounted in browser. |
app:suspense:resolve |
appComponent |
Client | On Suspense resolved event. |
link:prefetch |
to |
Client | Called when a <NuxtLink> is observed to be prefetched. |
page:start |
pageComponent? |
Client | Called on Suspense pending event. |
page:finish |
pageComponent? |
Client | Called on Suspense resolved event. |
Nuxt Hooks (build time)
Check the schema source code for all available hooks.
:NeedContribution
Nitro App Hooks (runtime, server-side)
| Hook | Arguments | Description | Types |
|---|---|---|---|
render:response |
response, { event } |
Called before sending the response. | response, event |
render:html |
html, { event } |
Called before constructing the HTML. | html, event |