Pourquoi avez-vous besoin d'enregistrer VUerouter dans le fichier routeur / index.js?

Nécessité de l'enregistrement VueRouter dans le fichier router/index.js dans le projet Vue.js

La gestion du routage des applications Vue.js est cruciale et est responsable de la navigation des pages et du contrôle de l'état. En règle générale, la logique de routage est configurée de manière centralisée dans les fichiers router/index.js . Alors, pourquoi avez-vous besoin d'enregistrer VueRouter dans ce fichier?

Extrait de code:

 Importer Vue à partir de "Vue";
Importer Vuerouter de "Vue-Router";
Vue.use (Vuerouter);

Beaucoup de gens sont perplexes que, puisque main.js utilise également des instances de routage:

 Importer un routeur de './router'
Vue.use (routeur);

Est-ce une opération répétée? En fait, cela découle de la différence d'utilisation de Vue2 et Vue3.

Vue2: Vue.use(VueRouter) est global. Installez le plug-in VueRouter dans VUE afin que toutes les instances Vue puissent accéder VueRouter , mais puisse utiliser différentes configurations. Après cela, créez l'instance de routage et passez lors de la création de l'instance Vue:

 Vue.use (Vuerouter); // Global Registration const Router = new VUerouter ({/ * Configuration * /});
new vue ({router});

Vue3: Vue.use() agit sur une seule instance d'application Vue. Créez d'abord une instance de routage, puis utilisez la méthode use pour injecter lors de la création d'une instance d'application:

 const Router = Createrouter ({/ * Configuration * /});
createApp (app) .Use (routeur); // Enregistrement d'instance

La clé est que si Vue2 ou Vue3, la méthode use ne doit être appelée une seule fois, et qu'il n'y a pas d'enregistrement en double. Si deux appels use apparaissent dans le code, il se peut que l'écriture des deux versions soit confuse.

Par conséquent, il est nécessaire d'appeler Vue.use(VueRouter) dans router/index.js , qui garantit que VueRouter est correctement installé dans Vue, offrant des garanties pour la configuration et l'utilisation de routage ultérieures. router/index.js est responsable de la configuration du routage, tandis que main.js est responsable de l'application des instances de routage configurées aux applications Vue. Ils divisent le travail et travaillent ensemble pour remplir la fonction de routage.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!