Routerフォルダーの下のindex.jsファイルでvue.use（vuerouter）を呼び出す必要があるのはなぜですか？

index.jsでのVueルーター登録の必要性

Vueプロジェクト、特にrouterフォルダーの下のindex.jsファイルでは、その必要性について疑問を提起するVue.use(VueRouter)のラインがよく表示されます。このコード行の目的は、VueルータープラグインをVueインスタンスに登録することですが、その必要性はVueバージョンに密接に関連しています。

VUE 2のグローバル登録：

Vue 2では、 Vue.use(VueRouter)は、Vueルーターの機能をすべてのVueインスタンスに注入するグローバル登録です。これは、作成したVUEインスタンスの数に関係なく、ルーティング機能に直接アクセスして使用できることを意味します。これは、VUE 2のプラグインシステムがグローバルになるように設計されているためです。コード構造は通常、次のとおりです。

 「Vue」からVueをインポートします。
「Vue-Router」からVuerouterをインポートします。

vue.use（vuerouter）;

const router = new vuerouter（{ / * ...ルーティング構成 * /}）;

デフォルトルーターをエクスポートします。

main.jsでは、必要なだけです。

新しいVue（{
  ルーター、
  // ...その他の構成}）;

VUE 3のローカル登録：

Vue 3は別のアプローチを使用しています。 createApp()アプリケーションインスタンスを作成し、 use()メソッドがこの特定のインスタンスに適用されます。これは、Vueルーターの機能がこのアプリケーションインスタンスに対してのみ有効であることを意味します。コード構造は通常、次のとおりです。

 「Vue-router」から{createrouter、createwebistory}をインポートします。
'vue'から{createapp}をインポートします。

const router = createrouter（{
  歴史：createwebhistory（）、
  ルート：[ / * ...ルーティング構成 * /]、
}）;

const app = createapp（/ * ... */）;
app.use（router）;
app.mount（ '＃app'）;

index.jsにおけるVue.use(VueRouter)の役割：

VUE 2プロジェクトでは、VUEルーターのグローバル登録を担当するため、 index.jsのVue.use(VueRouter)が必要です。このコード行がなければ、VUEインスタンスはルーティング機能にアクセスできません。ただし、VUE 3プロジェクトでは、ルートの登録はmain.jsまたはapp.use(router)を介してエントリファイルで行われるため、このコードの行は通常、 index.jsでは不要です。

要約：

index.jsのVue.use(VueRouter)の必要性は、Vueバージョンに依存します。 VUE 2では、グローバル登録に必要なステップです。 VUE 3では、VUE 3がアプリケーションインスタンスベースの登録方法を使用しているため、通常は冗長です。この違いを理解することは、VUEルーターの使用方法とVUE 2とVUE 3の違いをよりよく理解するのに役立ちます。

以上がRouterフォルダーの下のindex.jsファイルでvue.use（vuerouter）を呼び出す必要があるのはなぜですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。