🖥
Nuxt リンク先のプリフェッチングをChromeDeveloperToolで確認する
コード
pages/hello.vue
たくさんの改行の後にリンクがある
<template>
<div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<NuxtLink to="/fun">Fun</NuxtLink>
</div>
</template>
pages/fun.vue
テキストを表示するだけ
<template>
<div>FUN FUN FUN!!!</div>
</template>
Chrome
リンクのあるページにアクセスする。
だがリンクが見えていない状態だと何も起きていない。
ページを下にスクロールすると .js ファイルに対して通信がおこなわれ、その中にリンク先の内容が含まれているのが分かる。
チャットメンバー募集
何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。
公開日時
2022-10-01
Discussion