Dalam projek Vue, mengapa anda perlu mendaftarkan vuerouter dalam fail router/index.js?

Sangat memahami pendaftaran penghala vue untuk router/index.js dalam projek Vue

Dalam projek Vue, fail router/index.js biasanya mengandungi Kod Pendaftaran Vue Router, yang sering menyebabkan soalan dari pemaju, terutama ketika Vue Router juga digunakan di main.js Artikel ini akan menerangkan secara terperinci perbezaan dalam mekanisme pendaftaran ini di Vue 2 dan Vue 3.

Dalam fail router/index.js , coretan kod biasa adalah seperti berikut:

 import vue dari "vue";
mengimport vuerouter dari "vue-router";
Vue.use (vuerouter);

Barisan ini Vue.use(VueRouter) bukan pendaftaran yang tidak perlu. Fungsinya berbeza daripada kaedah use yang digunakan dalam main.js , kunci terletak pada perbezaan versi VUE.

Vue 2:

Vue 2 mengamalkan kaedah memasang pemalam di seluruh dunia. Vue.use(VueRouter) memasang plugin Vue Router secara global, yang membolehkan semua contoh Vue mengakses fungsi penghalaan, walaupun mereka menggunakan konfigurasi yang berbeza. Oleh itu, adalah perlu untuk melakukan pemasangan global dalam router/index.js . Kemudian, buat contoh Vue Router di main.js dan lulus sebagai pilihan kepada contoh Vue:

 Vue.use (vuerouter); // pemasangan global const router = vuerouter baru ({/* configuration*/});
baru vue ({router});

Vue 3:

Vue 3 berbeza. Ia tidak lagi bergantung kepada global Vue.use , tetapi memasang plugin melalui contoh aplikasi ( app ). Di main.js anda akan melihat:

 import {createApp} dari 'vue';
import {createrouter} dari 'vue-router';
aplikasi import dari './app.vue';
import penghala dari './Router';

const App = CreateApp (App);
app.use (penghala); // pasang app.mount ('#app');

Di sini app.use(router) adalah kaedah contoh aplikasi, bukan Vue.use global. Oleh itu, dalam Vue 3, router/index.js tidak memerlukan Vue.use(VueRouter) kerana pemasangan plugin dilakukan dalam contoh aplikasi. router/index.js bertanggungjawab untuk membuat contoh penghalaan, yang kemudian diimport dan digunakan di main.js

Meringkaskan:

Keperluan mendaftarkan penghala Vue dalam router/index.js bergantung kepada versi VUE: VUE 2 memerlukan pemasangan global, sementara VUE 3 dipasang melalui contoh aplikasi. Ini bukan pendaftaran pendua, tetapi dua versi mekanisme pemasangan plug-in yang berlainan. Hanya dengan memahami perbezaan ini, anda boleh mengelakkan kekeliruan dan menggunakan Vue Router dengan betul.

Atas ialah kandungan terperinci Dalam projek Vue, mengapa anda perlu mendaftarkan vuerouter dalam fail router/index.js?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!