Nuxt/examples/routing/nuxt-link/pages/index.vue

<template>
  <div>
    <NuxtLink to="/about">
      About page
    </NuxtLink>
    <NuxtLink to="https://nuxtjs.org">
      Nuxt website
    </NuxtLink>
    <NuxtLink to="https://twitter.com/nuxt_js" target="_blank">
      Nuxt Twitter with a blank target
    </NuxtLink>
    <NuxtLink to="https://discord.nuxtjs.org" target="_blank" rel="noopener">
      Nuxt Discord with a blank target and custom rel value
    </NuxtLink>
    <NuxtLink to="https://github.com/nuxt" no-rel>
      Nuxt GitHub without rel attribute
    </NuxtLink>
    <MyNuxtLink to="https://nuxtjs.org">
      Nuxt website with a custom link component with no default rel attribute
    </MyNuxtLink>
    <MyNuxtLink to="/">
      Index page with a custom link component with a custom active class
    </MyNuxtLink>
    <NuxtLink>Link without href and to</NuxtLink>
  </div>
</template>