NuxtLinkとa tagの使い分け
nuxtlinkとaタグどちらもページ等を遷移するために使用しますが、明確に使い分けた方がよいみたいです。
・内部リンクの場合:nuxt link
・外部リンクの場合:a タグ
nuxt linkはスマートプリフェッチ機能というのがありviewport 内やスクロール時にリンクが表示されたときに先に表示の準備をしくれているため
クリックしたときにページの遷移が早いです。
スタイルを当てるときはcssクラスをつけるかaタグ指定でもできます。
また、aタグで内部リンクしたときはページのリロードがありますが、nuxt linkの場合はページのリロードがないのも気を付けておいた方がよい違いなのではないかと思いました。
作成日:2021-02-28
更新日:2021-02-28