Rumah > hujung hadapan web > View.js > Apakah perbezaan antara penghala dan laluan vue?

Apakah perbezaan antara penghala dan laluan vue?

青灯夜游
Lepaskan: 2023-01-13 00:45:25
asal
15339 orang telah melayarinya

Perbezaan: penghala memperoleh objek contoh melalui "Vue.use(VueRouter)" dan pembina VueRouter, yang merupakan objek global. Laluan ialah objek penghalaan lompatan Setiap laluan akan mempunyai objek laluan, iaitu objek tempatan.

Apakah perbezaan antara penghala dan laluan vue?

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Apakah penghala

penghala ialah objek VueRouter Melalui Vue.use(VueRouter) dan pembina VueRouter, anda mendapat objek contoh penghala , Objek global yang mengandungi semua laluan dan banyak objek dan sifat utama.

adalah serupa dengan objek sejarah

  • $router.push({path:'home'});Intipatinya adalah untuk menambah laluan kepada timbunan sejarah Pada pendapat kami, ia menukar laluan, tetapi intipati adalah untuk menambah rekod sejarah

kaedah:

$router.replace({path:'home'});//替换路由,没有历史记录
Salin selepas log masuk

Apakah laluan

laluan ialah lompatan objek penghalaan, setiap Laluan akan mempunyai objek laluan, iaitu objek setempat Anda boleh mendapatkan nama, laluan, param, pertanyaan, dsb.

$route.path 
rentetan, yang sama dengan. laluan objek penghalaan semasa dan akan dihuraikan Ia adalah laluan mutlak, seperti "/home/news".

$route.params 
objek, yang mengandungi pasangan nilai kunci bagi serpihan dinamik dan serpihan yang dipadankan sepenuhnya dalam objek laluan

$route.query 
, yang mengandungi nilai kunci bagi parameter pertanyaan dalam laluan yang betul. Contohnya, untuk /home/news/detail/01?favorite=yes , anda mendapat $route.query.favorite == 'yes' .

$route.router 
Penghala (dan komponen yang dimilikinya) yang mempunyai peraturan penghalaan.

$route.matched 
Tatasusunan yang mengandungi objek parameter konfigurasi yang sepadan dengan semua serpihan yang terkandung dalam laluan yang dipadankan pada masa ini.

$route.name 
Nama laluan semasa Jika tiada laluan bernama digunakan, nama itu akan kosong.

$route.path , $route.params , $route.name , $route.queryAtribut ini mudah difahami dan digunakan terutamanya untuk menerima parameter yang diluluskan oleh laluan

Cadangan berkaitan: " tutorial vue.js

Atas ialah kandungan terperinci Apakah perbezaan antara penghala dan laluan vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan