Home-theater-designers
A Laravel Livewire egy nagyszerű eszköz a weboldal dinamikus viselkedésének elérésére anélkül, hogy közvetlenül JavaScript-kódot kellene írni. Egyszerűvé teszi a dinamikus interfészek felépítését anélkül, hogy elhagyná a Laravel kényelmét. Nemrég teljesen átírták a Livewire magot.
Az új Livewire v3 jobb differenciálással rendelkezik, a funkciók gyorsabban építhetők fel, és kevesebb a párhuzamosság a Livewire és az Alpine között, mert jobban támaszkodik az Alpine-ra, és használja a Morph, History és egyéb bővítményeket. Számos új funkciót a kódbázis átalakítása és az Alpine-ra való nagyobb hangsúly helyezése is lehetővé tett.
a Windows 10 beragadt az automatikus javítási körbeMAKEUSEOF A NAP VIDEÓJA
1. Injektálja be automatikusan a Livewire szkripteket, stílusokat és Alpine-t
Miután a zeneszerző telepítette a Livewire v2-t, manuálisan kell hozzáadnia a @livewireStyles, @livewireScripts és Alpine elemeket az elrendezéshez. A Livewire v3-mal csak telepítenie kell a Livewire-t, és minden, amire szüksége van, automatikusan befecskendeződik – beleértve az Alpine-t is!
<!DOCTYPE html>
<html lang="en">
<head>
<script src="//unpkg.com/alpinejs" defer></script>
@livewireStyles @livewireScripts
</head>
<body>
...
</body>
</html>2. JavaScript függvények PHP osztályokban
A Livewire v3 támogatja a JavaScript függvények írását közvetlenül a Livewire háttér-összetevőibe. Adjon hozzá egy függvényt az összetevőhöz, adjon hozzá egy /\*_ @js _/ megjegyzést a függvény fölé, majd térjen vissza JavaScript kóddal a PHP HEREDOC szintaxisával, és hívja meg a frontendről. A JavaScript kód végrehajtásra kerül anélkül, hogy kéréseket küldene a háttérrendszernek.
<?php
namespace App\Http\Livewire;
class Todos extends \Livewire\Component
{
/** @prop */
public $todos;
/** @js */
public function clear()
{
return <<<'JS'
this.todo = '';
JS;
}
}
?>
<div>
<input wire:model="todo" />
<button wire:click="clear">Clear</button>
</div>3. Zárolt tulajdonságok
A Livewire v3 támogatja a zárolt tulajdonságokat – olyan tulajdonságokat, amelyeket nem lehet frissíteni a frontendről. Adjon hozzá egy /\*\* @locked / megjegyzést az összetevő egy tulajdonsága fölé, és a Livewire kivételt fog dobni, ha valaki megpróbálja frissíteni a tulajdonságot a frontendről.
mi olcsóbb uber vagy lyft
<?php
namespace App\Http\Livewire;
class Todos extends \Livewire\Component
{
/** @locked */
public $todos = [];
}
?>4. Vezeték: A modell alapértelmezés szerint késleltetett
Ahogy a Livewire és használata fejlődött, rájöttünk, hogy a „halasztott” viselkedés az űrlapok 95%-ánál értelmesebb, így a v3-ban a „halasztott” funkció lesz az alapértelmezett. Ezzel megspórolhatja a szerverére érkező szükségtelen kéréseket, és javíthatja a teljesítményt. Ha szüksége van az 'élő' funkcióra egy bemeneten, a Wire:model.live használatával engedélyezheti ezt a funkciót.