What is the difference between `<NuxtLink>` and `<a>` tags?

Answer

<NuxtLink> is Nuxt's wrapper around Vue Router's <RouterLink> and should be used for internal navigation within your application. It enables client-side navigation (SPA-style page transitions without full page reloads), automatically prefetches linked pages when they appear in the viewport, and handles active link class styling. A plain <a> tag causes a full browser page reload, losing the SPA state and being significantly slower. Use <NuxtLink> for any internal route and plain <a> only for external links.