Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Kaip Inertia tvarko kliento nukreipimą kitaip nei tradicinis Vue.js


Kaip Inertia tvarko kliento nukreipimą kitaip nei tradicinis Vue.js


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