Nuxt nuxt_link, $router.push, hrefの使い分け

ページ遷移の方法は３種類あるので、その使い分け。

nuxt-linkの使用方法　

<nuxt-link to="/home">ホーム</nuxt-link>

• メリット スピートが早い

使用時

<template>内でページ遷移をしたい時に使用

$router.pushの使用方法

  toHomePage() {
   this.$router.push('/home')
  }

• メリット メソッド内で使える
• $router内にページ遷移の記録を残せる

使用時

<script>内でページ遷移をしたい時。例メソッドを使用あとに画面遷移

aタグ

  <a href="/home">ホーム</a>

• メリット ドメインの外への使える

使用時

自身のドメインの外へ移動したいときに使用する

参考記事
[SOLVED]-WHAT IS THE DIFFERENCE BETWEEN AND $ROUTER.PUSH?-VUE.JS