Laravel Splade, созданный Паскалем Бальжетом, - это очень простой способ создания одностраничных приложений (SPA) с использованием шаблонов Laravel Blade. Splade позволяет легко создавать современные, динамичные веб-приложения, которыми приятно пользоваться.
Splade предоставляет полезные компоненты Blade, которые улучшены компонентами Vue 3 без рендеринга из коробки, такими как компонент <Link /> Component. Он обеспечивает ощущение SPA, но вы можете использовать Blade, приправленный интерактивными компонентами Vue, когда это необходимо.
Как вы можете видеть, в установке <Link />
по умолчанию компоненты получают данные страницы через XHR и обеспечивают быстрое ощущение SPA без полной перезагрузки страницы.
Вы можете использовать разметку как Blade, так и Vue. Вот пример из компонента Splade <Toggle />. Обратите внимание на директиву v-show
и прослушиватель из 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 поможет вам, и @click
вы даже можете использовать Server Side Rendering (SSR) для повышения производительности в вашем приложении.
Если вы также хотите использовать Laravel Breeze или Laravel Jetstream, Splade предоставляет стартовые комплекты для обоих. Splade также предоставляет полезные компоненты из коробки, которые вы можете использовать для быстрого начала работы, с использованием или без использования стартовых наборов:
- Формы
- Дюны
- События
- Вспышка
- Модальные окна
- Стол
- Телепорт
- Коленчатый рычаг
- Переход
- И многое другое!
Вы можете быстро начать работу со Splade, проверив домашнюю страницу и сопроводительную документацию на splade.dev. Вы также можете погрузиться глубже и узнать , как работает Splade под капотом.