Nuxt.js nuxt-linkとrouter-linkの違いについて説明します。


前言
Nuxt.jsを使う時このような問題に出会うかもしれませんか?
要求ページを開くと、すべてのページが要求されます。

これはまさにコンポーネントのすべての特性です。
まず、router-linkについて話します。router-link<router-link>は、vueプロジェクトにルーティング機能を持たせるアプリケーションクリックコンポーネントである。nuxt-linkまずはオフィシャルアプリを見て、を紹介します。

公式にいうように、「nuxt-link」の使い方と用途は一致しています。
しかし、将来的には、nuxt-linkコンポーネントのために、nuxt.jsアプリケーションの応答速度を向上させるためのリソースプリロードなどの機能特性を追加します。
この文章を書く時、nuxt.jsの公式はすでに将来の機能特性を実現しました。API文書は更新されていないかもしれません。
特性は上の問題のようです。
を使用すると、リンクされたページリソースをロードします。

リソースプリロードのため、nuxt.jsアプリケーションの応答速度が向上します。
締め括りをつける
ページをジャンプするには、あらかじめページを読み込む必要がある場合には、を使用します。
ページをジャンプするには、ページを非同期的に読み込む必要がある場合は、を使用してもいいです。
またはthisを使用します。
補足知識:nuxtで知らなければならない点はnuxt-linkとaラベルの違いについてです。
nuxtプロジェクトでは、2つの方法でルートを切り替えることができます。
1、nuxt-linkラベルを使用する
<nuxt-link to=“/shop/cart”ショッピングカート(/nuxt-link)
2、aラベルを使う
<a href=“/shop/cart”rel=“external nofollow”ショッピングカート
この二つの違いは
nuxt-linkは現在のシステムでロードされますか?
aは別のページを開いているに相当します。
特に、vuexを使ってデータをバインディングすると、nuxt-linkを使って他のページに切り替わります。データの変化を感じません。aデータを使ったら、再度表示されます。
以上のNuxt.js nuxt-linkとrouter-linkの違いは、小編集が皆さんに提供しているすべての内容です。参考にしていただければと思います。どうぞよろしくお願いします。