Laravel Splade, створений Паскалем Бальєтом, є надзвичайно простим способом створення односторінкових додатків (SPA) за допомогою шаблонів Laravel Blade. Splade дозволяє легко створювати сучасні, динамічні веб-додатки, якими приємно користуватися.
Splade надає корисні компоненти Blade, які доповнені компонентами Vue 3 без рендерингу з коробки, такими як компонент <Link /> Component. Він забезпечує відчуття SPA, але ви можете використовувати Blade, посипаний інтерактивними компонентами Vue, коли це необхідно.
Як ви можете бачити, при встановленні <Link />
за замовчуванням компоненти отримують дані сторінки через XHR і забезпечують швидке відчуття SPA без повного перезавантаження сторінки.
Ви можете використовувати як розмітку Blade, так і Vue. Ось приклад з компонента Splade <Toggle />. Зверніть увагу на директиву та @click
прослуховувач від Vue, а також специфічний для Blade компонент і використання {{ }}
змінних :
<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>
Якщо вам потрібні спеціальні компоненти Vue, Splade допоможе вам, і ви навіть можете використовувати рендеринг на v-show
стороні сервера (SSR) для підвищення продуктивності у вашій програмі.
Якщо ви також хочете використовувати Laravel Breeze або Laravel Jetstream, Splade надає стартові набори для обох. Splade також надає корисні компоненти з коробки, які ви можете використовувати для швидкого початку роботи, з використанням стартових наборів або без них:
- Форми
- Посилання
- Події
- Флеш
- Модальні вікна
- Стіл
- Телепорт
- Перемикання
- Перехід
- І ще!
Ви можете швидко розпочати роботу зі Splade, переглянувши домашню сторінку та супровідну документацію про splade.dev. Ви також можете зануритися глибше і дізнатися , як працює Splade під капотом.