Composants Laravel Volt à fichier unique : créez des interfaces Livewire sans le passe-partout

Si vous créez des composants Livewire depuis un certain temps, vous connaissez le principe : créez une classe PHP dansapplication/Livewire, déposez une vue Blade dansressources/vues/livewire, connectez-les ensemble et répétez. Pour les composants complexes, cette séparation est un cadeau. Pour les plus simples – un compteur, une entrée de recherche, une bascule – c'est la friction.

Laravel Volt résout ce problème. Introduit avec Livewire v3, Volt vous permet de définir la logique et le modèle de votre composant en un seul clic..blade.phpdéposer. Considérez-le comme le modèle de composant à fichier unique (SFC) de Vue, mais pour la pile TALL. Pas de nouveau fichier de classe. Aucun fichier de vue correspondant. Un fichier, toute la puissance Livewire.

Ce guide présente tout ce que vous devez savoir pour utiliser Volt efficacement dans un projet réel.

Installation et configuration de Volt

Volt est livré avec Laravel Breeze lorsque vous choisissez la pile Livewire, mais vous pouvez l'ajouter manuellement à n'importe quel projet Livewire v3 :

Cela publie le fournisseur de services et enregistre le chemin de découverte des composants Volt. Par défaut, Volt scanneressources/vues/livewire. Vous pouvez personnaliser cela dansapp/Providers/VoltServiceProvider.php:

Tout ce qui se trouve dans ces répertoires et qui utilise l'API Volt ...
[Courte citation de 8% de l'article original]