Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Jak Inertia zpracovává směrování na straně klienta odlišně od tradičního Vue.js


Jak Inertia zpracovává směrování na straně klienta odlišně od tradičního Vue.js


Setrvačnost zpracovává směrování na straně klienta odlišně od tradičního Vue.js několika klíčovými způsoby:

1. Vykreslování na straně serveru:
- Inertia používá vykreslování na straně serveru k vykreslování komponent Vue, což znamená, že počáteční načtení stránky je řešeno serverem. Tento přístup zlepšuje SEO a rychlost počátečního načítání ve srovnání s tradičním vykreslováním Vue.js na straně klienta[2][4].

2. Minimální prop JSON:
- Když server obdrží požadavek na novou trasu, odešle zpět minimální odpověď JSON obsahující název komponenty Vue a všechny potřebné rekvizity. Tento přístup snižuje množství přenášených dat a zlepšuje výkon[2][4].

3. Součást setrvačnosti:
- Inertia poskytuje vlastní komponentu `Link`, která zachycuje kliknutí a spouští požadavky XHR k načtení dat ze serveru. Tato komponenta zajišťuje, že obsah stránky je aktualizován dynamicky bez úplného načítání stránky[4].

4. Není potřeba směrovače Vue:
- Setrvačnost eliminuje potřebu Vue Routeru, protože všechny trasy jsou definovány na straně serveru a jsou spravovány routerem Laravel. To zjednodušuje proces vývoje a snižuje složitost správy více směrovacích systémů[2][4].

5. Sjednocené frontend a backend:
- Inertia se hladce integruje s Laravelem a umožňuje vývojářům používat stejný jazyk šablon (Vue.js) pro frontend i backend. Tento jednotný přístup zjednodušuje vývoj a snižuje potřebu další konfigurace[1][3].

Využitím těchto rozdílů poskytuje Inertia jedinečný přístup ke směrování na straně klienta, který kombinuje silné stránky Vue.js a Laravel, což má za následek efektivnější a škálovatelnější vývojový proces.

Citace:
[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