Home-theater-designers
లారావెల్ లైవ్‌వైర్ అనేది జావాస్క్రిప్ట్ కోడ్‌ను నేరుగా వ్రాయకుండా వెబ్ పేజీలో డైనమిక్ ప్రవర్తనను సాధించడానికి ఒక గొప్ప సాధనం. ఇది లారావెల్ సౌకర్యాన్ని వదలకుండా, డైనమిక్ ఇంటర్‌ఫేస్‌లను నిర్మించడాన్ని సులభతరం చేస్తుంది. ఇటీవల, లైవ్‌వైర్ కోర్ పూర్తిగా తిరిగి వ్రాయబడింది.
ఫేస్‌బుక్‌లో రష్యన్ బాట్‌ను ఎలా గుర్తించాలి
కొత్త లైవ్‌వైర్ v3 మెరుగైన డిఫింగ్‌ను కలిగి ఉంది, ఫీచర్లు వేగంగా నిర్మించబడతాయి మరియు లైవ్‌వైర్ మరియు ఆల్పైన్ మధ్య తక్కువ నకిలీ ఉంది ఎందుకంటే ఇది ఆల్పైన్‌పై ఎక్కువగా ఆధారపడుతుంది మరియు దాని మార్ఫ్, హిస్టరీ మరియు ఇతర ప్లగిన్‌లను ఉపయోగిస్తుంది. కోడ్‌బేస్‌ను పునర్నిర్మించడం మరియు ఆల్పైన్‌పై ఎక్కువ ప్రాధాన్యత ఇవ్వడం ద్వారా అనేక కొత్త ఫీచర్లు కూడా సాధ్యమయ్యాయి.
రోజు యొక్క వీడియోను తయారు చేయండి
1. లైవ్‌వైర్ స్క్రిప్ట్‌లు, స్టైల్స్ మరియు ఆల్పైన్‌లను ఆటోమేటిక్‌గా ఇంజెక్ట్ చేయండి
స్వరకర్త Livewire v2ని ఇన్‌స్టాల్ చేసిన తర్వాత, మీరు తప్పనిసరిగా @livewireStyles, @livewireScripts మరియు ఆల్పైన్‌లను మీ లేఅవుట్‌కి మాన్యువల్‌గా జోడించాలి. లైవ్‌వైర్ v3తో, మీరు లైవ్‌వైర్‌ను ఇన్‌స్టాల్ చేయాలి మరియు మీకు కావాల్సినవన్నీ ఆటోమేటిక్‌గా ఇంజెక్ట్ చేయబడతాయి - ఆల్పైన్‌తో సహా!
<!DOCTYPE html>
<html lang="en">
<head>
<script src="//unpkg.com/alpinejs" defer></script>
@livewireStyles @livewireScripts
</head>
<body>
...
</body>
</html>2. PHP తరగతులలో జావాస్క్రిప్ట్ విధులు
Livewire v3 నేరుగా మీ బ్యాకెండ్ Livewire భాగాలలో JavaScript ఫంక్షన్లను వ్రాయడానికి మద్దతు ఇస్తుంది. మీ కాంపోనెంట్‌కు ఒక ఫంక్షన్‌ను జోడించండి, ఫంక్షన్ పైన /\*_ @js _/ వ్యాఖ్యను జోడించండి, ఆపై PHP యొక్క HEREDOC సింటాక్స్‌ని ఉపయోగించి కొంత జావాస్క్రిప్ట్ కోడ్‌ను తిరిగి ఇవ్వండి మరియు మీ ఫ్రంటెండ్ నుండి కాల్ చేయండి. జావాస్క్రిప్ట్ కోడ్ మీ బ్యాకెండ్‌కు ఎలాంటి అభ్యర్థనలను పంపకుండానే అమలు చేయబడుతుంది.
<?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. లాక్ చేయబడిన లక్షణాలు
Livewire v3 లాక్ చేయబడిన ప్రాపర్టీలకు మద్దతు ఇస్తుంది - ఫ్రంటెండ్ నుండి అప్‌డేట్ చేయలేని లక్షణాలు. మీ కాంపోనెంట్‌పై ఆస్తి పైన /\*\* @locked / వ్యాఖ్యను జోడించండి మరియు ఎవరైనా ఆ ప్రాపర్టీని ఫ్రంటెండ్ నుండి అప్‌డేట్ చేయడానికి ప్రయత్నిస్తే Livewire మినహాయింపును ఇస్తుంది.
<?php
namespace App\Http\Livewire;
class Todos extends \Livewire\Component
{
/** @locked */
public $todos = [];
}
?>4. వైర్: మోడల్ డిఫాల్ట్‌గా వాయిదా వేయబడింది
లైవ్‌వైర్ మరియు దాని వినియోగం అభివృద్ధి చెందడంతో, 95% ఫారమ్‌లకు 'వాయిదాపడిన' ప్రవర్తన మరింత అర్థవంతంగా ఉంటుందని మేము గ్రహించాము, కాబట్టి v3లో 'వాయిదాపడిన' కార్యాచరణ డిఫాల్ట్‌గా ఉంటుంది. ఇది మీ సర్వర్‌కు వెళ్లే అనవసరమైన అభ్యర్థనలను సేవ్ చేస్తుంది మరియు పనితీరును మెరుగుపరుస్తుంది. మీకు ఇన్‌పుట్‌లో 'లైవ్' ఫంక్షనాలిటీ అవసరమైనప్పుడు, ఆ ఫంక్షనాలిటీని ప్రారంభించడానికి మీరు వైర్:model.liveని ఉపయోగించవచ్చు.