Cuando renderizas una vista con Livewire, la presentación de ésta se vuelve stateful y pasa a ser controlada por el componente que invocó render
. La vista puede seguir interactuando con la clase del componente invocando métodos públicos que éste disponibilice.
Si tu controller fuese:
class ExampleComponent extends \Livewire\Component {
public $message='';
public function mount(Request $request) {
// acá puedes usar el request para computar
// el estado inicial...
}
public function render() {
return view('livewire.example');
}
public function updateMessage() {
$this->message = 'Actualizado en timestamp: '. time();
}
}
Y la vista tuviera en un lugar
<button wire:click="updateMessage">actualizar</button>
<span>{{ $message }} </span>
Al presionar el botón se invocaría al método updateMessage
, sin que tú tengas que gatillar un request via ajax o fetch ni procesar la respuesta de éste.
La invocación de este método a su vez actualizará la propiedad pública $message
, y con ello se refrescará el segmento de la vista.
Si bien tanto la invocación del método como el refresco del contenido se manejan internamente con llamadas ajax, éstas son internas a Livewire y ajenas a tu control.
El único request tradicional que el componente llega a conocer es el que recibe originalmente en el método mount
, que sería análogo a lo que el método __construct
recibe en un componente tradicional de Blade.