Čo je nové v Livewire v3 Laravel Framework?

Čo je nové v Livewire v3 Laravel Framework?

Laravel Livewire je skvelý nástroj na dosiahnutie dynamického správania na webovej stránke bez priameho písania kódu JavaScript. Vytvára jednoduché dynamické rozhrania bez toho, aby ste opustili pohodlie Laravelu. Nedávno bolo jadro Livewire úplne prepísané.





Nový Livewire v3 má lepší rozdiel, funkcie sa dajú vytvárať rýchlejšie a medzi Livewire a Alpine je menšia duplicita, pretože sa viac spolieha na Alpine a používa jeho Morph, History a ďalšie doplnky. Niekoľko nových funkcií umožnila aj reštrukturalizácia kódovej základne a väčší dôraz na Alpine.





sú hry ps3 kompatibilné s ps4
VYUŽITIE VIDEA DŇA

1. Automaticky vstrekujte skripty Livewire, štýly a Alpine

Po inštalácii skladateľa Livewire v2 musíte do svojho rozloženia manuálne pridať @livewireStyles, @livewireScripts a Alpine. S Livewire v3 si stačí nainštalovať Livewire a všetko, čo potrebujete, sa automaticky vstrekne – vrátane Alpine!





<!DOCTYPE html> 
<html lang="en">
<head>
<script src="//unpkg.com/alpinejs" defer></script>
@livewireStyles @livewireScripts
</head>
<body>
...
</body>
</html>

2. Funkcie JavaScriptu v triedach PHP

Livewire v3 bude podporovať písanie funkcií JavaScriptu priamo vo vašich backend komponentoch Livewire. Pridajte funkciu do svojho komponentu, pridajte komentár /\*_ @js _/ nad funkciu, potom vráťte nejaký JavaScript kód pomocou PHP syntaxe HEREDOC a zavolajte ho z vášho frontendu. Kód JavaScript sa spustí bez odosielania akýchkoľvek požiadaviek na váš backend.

<?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. Uzamknuté vlastnosti

Livewire v3 bude podporovať uzamknuté vlastnosti – vlastnosti, ktoré nemožno aktualizovať z frontendu. Pridajte komentár /\*\* @locked / nad vlastnosť na vašom komponente a Livewire vyvolá výnimku, ak sa niekto pokúsi aktualizovať túto vlastnosť z frontendu.



ako mať tapetu vo formáte gif v systéme windows 10
<?php 
namespace App\Http\Livewire;
class Todos extends \Livewire\Component
{
/** @locked */
public $todos = [];
}
?>

4. Wire:model je predvolene odložený

Ako sa Livewire a jeho používanie vyvíjali, uvedomili sme si, že „odložené“ správanie dáva väčší zmysel pre 95 % formulárov, takže vo verzii 3 bude „odložená“ funkcia predvolená. Ušetríte tým zbytočné požiadavky smerujúce na váš server a zlepšíte výkon. Ak potrebujete na vstupe funkciu 'naživo', na aktiváciu tejto funkcie môžete použiť wire:model.live.