Inertia käsittelee asiakaspuolen reititystä eri tavalla kuin perinteinen Vue.js useilla tavoilla:
1. Palvelinpuolen renderöinti:
- Inertia käyttää palvelinpuolen renderöintiä Vue-komponenttien hahmontamiseen, mikä tarkoittaa, että palvelin hoitaa sivun alkulatauksen. Tämä lähestymistapa parantaa hakukoneoptimointia ja alkulatausnopeuksia verrattuna perinteiseen Vue.js-asiakaspuolen renderöintiin[2][4].
2. Minimaalinen JSON-prop:
- Kun palvelin vastaanottaa uuden reitin pyynnön, se lähettää takaisin minimaalisen JSON-vastauksen, joka sisältää Vue-komponentin nimen ja tarvittavat rekvisiitta. Tämä lähestymistapa vähentää siirrettävän tiedon määrää ja parantaa suorituskykyä[2][4].
3. Inertialinkkikomponentti:
- Inertia tarjoaa mukautetun "Link"-komponentin, joka sieppaa napsautukset ja käynnistää XHR-pyynnöt tietojen hakemiseksi palvelimelta. Tämä komponentti varmistaa, että sivun sisältö päivitetään dynaamisesti ilman koko sivun uudelleenlatausta[4].
4. Ei tarvita Vue-reititintä:
- Inertia eliminoi Vue Routerin tarpeen, koska kaikki reitit määritellään palvelinpuolella ja niitä hoitaa Laravelin reititin. Tämä yksinkertaistaa kehitysprosessia ja vähentää useiden reititysjärjestelmien hallinnan monimutkaisuutta[2][4].
5. Yhdistetty käyttöliittymä ja taustajärjestelmä:
- Inertia integroituu saumattomasti Laraveliin, jolloin kehittäjät voivat käyttää samaa mallikieltä (Vue.js) sekä käyttöliittymässä että taustajärjestelmässä. Tämä yhtenäinen lähestymistapa yksinkertaistaa kehitystä ja vähentää lisämäärityksiä[1][3].
Hyödyntämällä näitä eroja Inertia tarjoaa ainutlaatuisen lähestymistavan asiakaspuolen reitittämiseen, jossa yhdistyvät sekä Vue.js:n että Laravelin vahvuudet, mikä johtaa tehokkaampaan ja skaalautuvampaan kehitysprosessiin.
Lainaukset:[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