VUEプロジェクトでは、なぜrouter/index.jsファイルにvuerouterを登録する必要があるのですか？

Vueプロジェクトのrouter/index.jsのVueルーター登録を深く理解する

Vueプロジェクトでは、 router/index.jsファイルには通常、VUEルーターの登録コードが含まれています。これは、特にVueルーターがmain.jsで使用されている場合、開発者からの質問を引き起こすことがよくあります。この記事では、VUE 2およびVUE 3のこの登録メカニズムの違いを詳細に説明します。

router/index.jsファイルでは、一般的なコードスニペットは次のとおりです。

 「Vue」からVueをインポートします。
「Vue-Router」からVuerouterをインポートします。
vue.use（vuerouter）;

このLine Vue.use(VueRouter)は不必要な登録ではありません。その機能は、 main.jsで使用されるuse方法とは異なります。キーは、VUEのバージョンの違いにあります。

Vue 2：

Vue 2は、グローバルにプラグインをインストールする方法を採用しています。 Vue.use(VueRouter) Vueルータープラグインをグローバルにインストールし、さまざまな構成を使用しても、すべてのVueインスタンスがルーティング機能にアクセスできるようにします。したがって、 router/index.jsでグローバルなインストールを実行する必要があります。次に、 main.jsにVueルーターインスタンスを作成し、Vueインスタンスのオプションとして渡します。

 vue.use（vuerouter）; //グローバルインストールconst router = new vuerouter（{/* configuration*/}）;
New Vue（{Router}）;

VUE 3：

Vue 3は異なります。 Global Vue.useに依存しなくなりましたが、アプリケーションインスタンス（ app ）を介してプラグインをインストールします。 main.jsではわかります：

 'vue'から{createapp}をインポートします。
'vue-router'から{createrouter}をインポートします。
'./app.vue'からアプリをインポートします。
'./Router'からルーターをインポートします。

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

ここではapp.use(router)は、グローバルなVue.useではなく、アプリケーションインスタンスメソッドです。したがって、VUE 3では、 router/index.jsアプリケーションインスタンスでプラグインのインストールが行われるためVue.use(VueRouter)を必要としません。 router/index.js 、ルーティングインスタンスを作成する責任があり、その後、 main.jsでインポートおよび使用されます。

要約：

router/index.jsでVueルーターを登録する必要性は、Vue：Vue 2のバージョンに依存します。グローバルインストールが必要であり、Vue 3はアプリケーションインスタンスを通じてインストールされます。これは重複した登録ではなく、プラグインのインストールメカニズムの2つの異なるバージョンです。この違いを理解することによってのみ、混乱を避け、Vueルーターを正しく使用できます。

以上がVUEプロジェクトでは、なぜrouter/index.jsファイルにvuerouterを登録する必要があるのですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。