Mengapa anda perlu mendaftarkan vuerouter dalam fail router/index.js?

Keperluan mendaftarkan VueRouter dalam fail router/index.js dalam projek vue.js

Pengurusan penghalaan aplikasi Vue.js adalah penting dan bertanggungjawab untuk navigasi halaman dan kawalan status. Biasanya, logik penghalaan dikonfigurasi secara terpusat dalam fail router/index.js . Jadi, mengapa anda perlu mendaftarkan VueRouter dalam fail ini?

Coretan Kod:

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

Ramai orang hairan bahawa sejak main.js juga menggunakan contoh penghalaan:

 Import penghala dari './Router'
Vue.use (penghala);

Adakah operasi berulang? Malah, ini berpunca daripada perbezaan penggunaan VUE2 dan VUE3.

Vue2: Vue.use(VueRouter) adalah global. Pasang pemalam VueRouter ke dalam VUE supaya semua contoh Vue dapat mengakses VueRouter , tetapi boleh menggunakan konfigurasi yang berbeza. Selepas itu, buat contoh penghalaan dan lulus ketika membuat contoh Vue:

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

VUE3: Kaedah Vue.use() bertindak pada satu contoh aplikasi VUE. Pertama buat contoh penghalaan, dan kemudian gunakan kaedah use untuk menyuntik apabila membuat contoh aplikasi:

 const router = createrouter ({ /* configuration* /});
CreateApp (App) .Use (Router); // pendaftaran contoh

Kuncinya ialah sama ada VUE2 atau VUE3, kaedah use hanya perlu dipanggil sekali, dan tidak ada pendaftaran pendua. Jika dua panggilan use muncul dalam kod, mungkin penulisan kedua -dua versi itu keliru.

Oleh itu, adalah perlu untuk memanggil Vue.use(VueRouter) dalam router/index.js , yang memastikan bahawa VueRouter dipasang dengan betul ke Vue, memberikan jaminan untuk konfigurasi dan penggunaan penghalaan berikutnya. router/index.js bertanggungjawab untuk mengkonfigurasi penghalaan, manakala main.js bertanggungjawab untuk menggunakan contoh penghalaan yang dikonfigurasikan kepada aplikasi VUE. Mereka membahagikan kerja dan bekerjasama untuk menyelesaikan fungsi penghalaan.

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