Warum müssen Sie Vuerouter in der Datei router/index.js registrieren?

Notwendigkeit der Registrierung VueRouter in der Datei router/index.js im VUE.JS -Projekt

Das Routing -Management von VUE.JS -Anwendungen ist entscheidend und für die Seitennavigation und die Statuskontrolle verantwortlich. In der Regel ist die Routing -Logik in router/index.js -Dateien zentral konfiguriert. Warum müssen Sie VueRouter in dieser Datei registrieren?

Code -Snippet:

 Vue aus "Vue" importieren;
Venerouter aus "Vue-Router" importieren;
Vue.use (vuerouter);

Viele Menschen sind verwirrt, da main.js auch Routing -Instanzen verwendet:

 Router aus './router' importieren '
Vue.use (Router);

Ist es ein Wiederholungsvorgang? Tatsächlich ergibt sich dies aus dem Unterschied in der Verwendung von VUE2 und VUE3.

VUE2: Vue.use(VueRouter) ist global. Installieren Sie das VueRouter Plug-In in VUE, damit alle VUE-Instanzen auf VueRouter zugreifen können, aber unterschiedliche Konfigurationen verwenden können. Erstellen Sie danach die Routing -Instanz und geben Sie beim Erstellen der VUE -Instanz ein:

 Vue.use (vuerouter); // Globale Registrierung const Router = neuer Vuerouter ({/* Konfiguration*/});
New Vue ({Router});

VUE3: Vue.use() wirkt auf eine einzelne Vue -Anwendungsinstanz. Erstellen Sie zunächst eine Routing -Instanz und verwenden Sie dann die Verwendung use , um beim Erstellen einer Anwendungsinstanz injiziert zu werden:

 const router = createrouter ({ /* Konfiguration* /});
CreateApp (App) .use (Router); // Instanzregistrierung

Der Schlüssel ist, ob VUE2 oder VUE3, die use nur einmal aufgerufen werden muss und es keine doppelte Registrierung gibt. Wenn zwei use im Code angezeigt werden, kann das Schreiben der beiden Versionen verwirrt sein.

Daher ist es notwendig, Vue.use(VueRouter) in router/index.js zu nennen, was sicherstellt, dass VueRouter korrekt in VUE installiert ist und Garantien für die anschließende Routing -Konfiguration und -verwendung bereitstellen. router/index.js ist für die Konfiguration von Routing verantwortlich, während main.js für die Anwendung konfigurierter Routing -Instanzen auf VUE -Anwendungen verantwortlich ist. Sie teilen die Arbeit und arbeiten zusammen, um die Routing -Funktion zu vervollständigen.

Das obige ist der detaillierte Inhalt vonWarum müssen Sie Vuerouter in der Datei router/index.js registrieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!