Inertia tvarko kliento nukreipimą skirtingai nei tradicinis Vue.js keliais pagrindiniais būdais:
1. Serverio pusės atvaizdavimas:
- „Inertia“ naudoja serverio atvaizdavimą „Vue“ komponentams pateikti, o tai reiškia, kad pradinį puslapio įkėlimą tvarko serveris. Šis metodas pagerina SEO ir pradinį įkėlimo greitį, palyginti su tradiciniu Vue.js atvaizdavimu kliento pusėje[2][4].
2. Minimalus JSON pasiūlymas:
- Kai serveris gauna naujo maršruto užklausą, jis siunčia minimalų JSON atsakymą, kuriame yra „Vue“ komponento pavadinimas ir visi reikalingi rekvizitai. Šis metodas sumažina perduodamų duomenų kiekį ir pagerina našumą[2][4].
3. Inercinės jungties komponentas:
- „Inertia“ suteikia pasirinktinį „Nuorodos“ komponentą, kuris sulaiko paspaudimus ir suaktyvina XHR užklausas gauti duomenis iš serverio. Šis komponentas užtikrina, kad puslapio turinys būtų dinamiškai atnaujinamas be viso puslapio įkėlimo iš naujo[4].
4. Nereikia Vue Router:
- Inercija pašalina „Vue Router“ poreikį, nes visi maršrutai yra apibrėžti serverio pusėje ir tvarkomi Laravel maršrutizatoriaus. Tai supaprastina kūrimo procesą ir sumažina kelių maršruto parinkimo sistemų valdymo sudėtingumą[2][4].
5. Unified Frontend ir Backend:
- „Inertia“ sklandžiai integruojasi su „Laravel“, todėl kūrėjai gali naudoti tą pačią šablonų kalbą (Vue.js) ir priekinėje, ir užpakalinėje sistemoje. Šis vieningas požiūris supaprastina kūrimą ir sumažina papildomos konfigūracijos poreikį[1][3].
Išnaudodama šiuos skirtumus, „Inertia“ suteikia unikalų požiūrį į kliento pusės maršruto parinkimą, kuris sujungia „Vue.js“ ir „Laravel“ stipriąsias puses, todėl kūrimo procesas yra efektyvesnis ir keičiamas.
Citatos:[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