Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Kā Inertia apstrādā klienta puses maršrutēšanu atšķirīgi no tradicionālā Vue.js


Kā Inertia apstrādā klienta puses maršrutēšanu atšķirīgi no tradicionālā Vue.js


Inertia apstrādā klienta puses maršrutēšanu atšķirīgi no tradicionālā Vue.js vairākos galvenajos veidos:

1. Servera puses renderēšana:
- Inertia izmanto servera puses renderēšanu, lai renderētu Vue komponentus, kas nozīmē, ka sākotnējo lapas ielādi apstrādā serveris. Šī pieeja uzlabo SEO un sākotnējo ielādes ātrumu salīdzinājumā ar tradicionālo Vue.js klienta puses renderēšanu[2][4].

2. Minimālais JSON prop:
- Kad serveris saņem pieprasījumu pēc jauna maršruta, tas nosūta atpakaļ minimālu JSON atbildi, kurā ir Vue komponenta nosaukums un visi nepieciešamie rekvizīti. Šī pieeja samazina pārsūtīto datu apjomu un uzlabo veiktspēju[2][4].

3. Inerces saites komponents:
- Inertia nodrošina pielāgotu "Saites" komponentu, kas pārtver klikšķus un aktivizē XHR pieprasījumus, lai iegūtu datus no servera. Šis komponents nodrošina, ka lapas saturs tiek dinamiski atjaunināts bez pilnas lapas atkārtotas ielādes[4].

4.  Nav nepieciešams Vue maršrutētājs:
- Inerce novērš nepieciešamību pēc Vue Router, jo visi maršruti ir definēti servera pusē un tos apstrādā Laravel maršrutētājs. Tas vienkāršo izstrādes procesu un samazina vairāku maršrutēšanas sistēmu pārvaldības sarežģītību[2][4].

5. Vienotā priekšgals un aizmugursistēma:
- Inertia nemanāmi integrējas ar Laravel, ļaujot izstrādātājiem izmantot vienu un to pašu veidņu valodu (Vue.js) gan priekšgalam, gan aizmugursistēmai. Šī vienotā pieeja vienkāršo izstrādi un samazina nepieciešamību pēc papildu konfigurācijas[1][3].

Izmantojot šīs atšķirības, Inertia nodrošina unikālu pieeju klienta puses maršrutēšanai, kas apvieno gan Vue.js, gan Laravel stiprās puses, tādējādi nodrošinot efektīvāku un mērogojamāku izstrādes procesu.

Citāts:
[1] https://github.com/inertiajs/inertia/issues/905
[2] https://inertiajs.com/routing
[3] https://jetstream.laravel.com/stacks/inertia.html
[4] https://vueschool.io/articles/vuejs-tutorials/the-ultimate-guide-for-using-vue-js-with-laravel/
[5] https://laracasts.com/discuss/channels/vue/inertia-vs-vue-pinia-and-router