Laravel Splade, stworzony przez Pascala Baljeta, to bardzo łatwy sposób na tworzenie jednostronicowych aplikacji (SPA) przy użyciu szablonów Laravel Blade. Splade ułatwia tworzenie nowoczesnych, dynamicznych aplikacji internetowych, z których korzystanie jest przyjemnością.
Splade dostarcza użyteczne komponenty Blade, które są wzbogacone o bezrenderingowe komponenty Vue 3 po wyjęciu z pudełka, takie jak komponent <Link /> Component. Zapewnia to wrażenie podobne do SPA, ale w razie potrzeby możesz użyć Blade, posypanego interaktywnymi komponentami Vue.
Jak widać, w domyślnej instalacji komponenty <Link />
pobierają dane strony za pośrednictwem XHR i zapewniają szybkie działanie SPA bez przeładowywania całej strony.
Możesz użyć zarówno znaczników Blade, jak i Vue. Oto przykład z komponentu <Toggle /> Splade. Zwróć uwagę na dyrektywę v-show
i odbiornik z Vue oraz użycie {{ }}
komponentu i @click
zmiennej specyficzne dla Blade'a:
<x-splade-toggle>
<div v-show="toggled">{{ $blog->full_content }}</div>
<div v-show="!toggled">
<p>{{ $blog->excerpt }}</p>
<button @click="toggle">Expand</button>
</div>
</x-splade-toggle>
Jeśli potrzebujesz niestandardowych komponentów Vue, Splade Cię wspiera, a nawet możesz wykorzystać renderowanie po stronie serwera (SSR), aby poprawić wydajność swojej aplikacji.
Jeśli chcesz również korzystać z Laravel Breeze lub Laravel Jetstream, Splade zapewnia zestawy startowe dla obu. Splade zapewnia również przydatne komponenty po wyjęciu z pudełka, których można użyć do szybkiego rozpoczęcia pracy, z użyciem zestawów startowych lub bez:
- Formularzy
- Linki
- Zdarzenia
- Błysk
- Modale
- Stół
- Teleport
- Przełączać
- Przejście
- I wiele więcej!
Możesz szybko rozpocząć pracę ze Splade, sprawdzając stronę główną i towarzyszącą jej dokumentację na splade.dev. Możesz także zanurkować głębiej i dowiedzieć się , jak działa Splade pod maską.