NuxtLink

<NuxtLink> is a drop-in replacement for the <a> tag. It intelligently determines whether the link is internal or external and renders it accordingly with available optimizations (prefetching, default attributes, etc.) You can use it just like a normal link tag, adding target and rel attributes.

Code

/pages/index.vue

<template>  <div>    <div>Basic Usage</div>    <div>      Let's visit an external website using Nuxt-Link! Click the link below to      open nuxt.com in a new tab. This link is usinf the rel and target      attributes.    </div>    <NuxtLink to="https://nuxtjs.org" target="_blank" rel="noopener">      Nuxt Website    </NuxtLink>    <div>Internal Routing</div>    <div>      This link will route to the /routing page within this application. Click      the link below to experience how it works!    </div>    <NuxtLink to="/routing"> Routing Page </NuxtLink>  </div></template>

Result