Command
app/Livewire/Counter.php
resources/views/livewire/counter.blade.php
mastering
routes/web.php
blade
composer require livewire/livewire php artisan make:livewire counter php artisan make:livewire counter --inline [no blade] <button wire:click="increment">Increment</button> <button wire:keydownenter="press_enter">Press Enter</button> <input type="text" wire:model.live="message" placeholder="Search" /> <input type="text" wire:model.live.debounce.1000ms="message" placeholder="Search" /> <input type="text" wire:model.lazy="message" placeholder="Search" /> <form wire:submit.prevent="method_name"></form> php artisan livewire:layout php artisan make:livewire Posts\\CreatePost php artisan make:livewire posts.create-post
use App\Livewire\Product; Route::get('/Product', Counter::class);
<div> {{ $message }} @foreach ($posts as $post) <div wire:key="{{ $post->id }}"> <!-- ... --> </div> @endforeach </div>
<html> <head> @livewireStyles @vite(['resources/js/app.js']) </head> <body> {{ $slot }} @livewire('counter') <livewire:counter /> @livewireScriptConfig @livewireScripts </body> </html>
<?php namespace App\Livewire; use Livewire\Component; class Counter extends Component { public function mount(){} public function hydrate(){} [work with button] public function updated(){} [work with input] public $count = 0; public function increment(){ $this->count++; } public $message = ""; public function render() { return view('livewire.counter'); } }
<div> {{ $message }} @foreach ($posts as $post) <div wire:key="{{ $post->id }}"> <!-- ... --> </div> @endforeach </div> <form> <label for="title">Title:</label> <input type="text" id="title" wire:model="title"> </form>