Routing i Navigation osnovni su koncepti u Vue.js za stvaranje stranica i navigaciju između njih u web aplikaciji. je moćna i fleksibilna biblioteka za upravljanje sustavom u .js. Vue Router routing Vue
Ovdje su temeljni koncepti vezani za route s u Vue.js:
-
Route: A route definira stazu i povezuje je s odgovarajućom komponentom. Svaki route ima put i komponentu.
-
Vue Router: je biblioteka za upravljanje s u .js. Omogućuje alate za definiranje i upravljanje s u aplikaciji. Vue Router route Vue route Vue
-
Route Komponenta: svaka route ima odgovarajuću komponentu. Kada route je a aktivirano, bit će prikazana povezana komponenta.
-
Dinamički Route: Dinamički route vam omogućuje da definirate route s s dinamičkim parametrima. Na primjer, možete definirati route stazom "/user/:id" za prikaz informacija o korisniku s odgovarajućim ID-om.
-
Ugniježđeno Route: Ugniježđeno route je koncept koji vam omogućuje da ugniježdite dijete route unutar roditelja route. To vam omogućuje da izgradite složene route strukture i organizirate komponente na ugniježđeni način.
-
Preusmjeravanje Route: Preusmjeravanje route vam omogućuje preusmjeravanje korisnika s jednog puta na drugi. Ovo je korisno kada želite route korisnike prebaciti sa stare staze na novu.
-
Route Stražar: route Stražar je funkcija koja vam omogućuje provjeru i kontrolu pristupa s route. Korištenjem route zaštitnika možete definirati uvjete za sprječavanje korisnika da pristupe određenim route s ili izvršiti posebno rukovanje prije preusmjeravanja.
Za korištenje možete slijediti ove korake: Vue Router
Korak 1: Instalirajte pomoću npm-a ili pređe: Vue Router
ili
Korak 2: Stvorite datoteku u korijenskom direktoriju projekta. U ovoj datoteci ćemo deklarirati i konfigurirati s aplikacije. router.js
route
Korak 3: main.js
Uvezite datoteku i povežite je s aplikacijom: Vue Router Vue
Korak 4: U datoteci možete deklarirati pomoću komponenti kao što su, , i druga svojstva. router.js
route Vue Router path
component
Na primjer, možete deklarirati a route za početnu stranicu i a route za stranicu o stranici na sljedeći način:
Korak 5: U Vue komponentama možete koristiti komponente poput stvaranja veza na druge i za prikaz sadržaja trenutnog. <router-link>
route <router-view>
route
Na primjer, u predlošku početne komponente možete upotrijebiti za stvaranje veze na stranicu o stranici: <router-link>
U predlošku komponente aplikacije možete koristiti za prikaz sadržaja trenutnog: <router-view>
route
Ovim ste koracima postavili i koristili upravljanje i u svojoj .js aplikaciji. Vue Router routing navigation Vue