Skip to content
This repository has been archived by the owner on Apr 6, 2023. It is now read-only.

docs: add note about link prefetching #7540

Merged
merged 2 commits into from
Sep 15, 2022
Merged

docs: add note about link prefetching #7540

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
035ae25
docs(routing): add prefetch explanation
clemcode Sep 15, 2022
33c04f4
Update docs/content/1.getting-started/5.routing.md
atinux Sep 15, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions docs/content/1.getting-started/5.routing.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,8 @@ pages/

The `<NuxtLink>` component links pages between them. It renders a `<a>` tag with the `href` attribute set to the route of the page. Once the application is hydrated, pages transitions are performed in JavaScript by updating the browser URL. This prevents full-page refreshes and allow for animated transitions.

When a `<NuxtLink>` enters the viewport, Nuxt will automagically prefetch the linked page in background, resulting in faster subsequent page transitions.

```vue [pages/app.vue]
<template>
<header>
Expand Down