Livewire là gì
|
Cơ quan chủ quản: Công ty cổ phần Truyền thông Việt Nam. Liên hệ Tài trợ & Hợp tác nội dung
注册 无法处理你的请求此请求遇到了问题。我们会尽快将它修复。
Meta © 2022 Building modern web apps is hard. Tools like Vue and React are extremely powerful, but the complexity they add to a full-stack developer's workflow is insane. Ok, I'm listening... Say hello to Livewire. Hi Livewire! Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel. Consider my interest piqued It's not like anything you've seen before. The best way to understand it is to just look at the code. Strap on your snorkel, we're diving in. ...I'll get my floaties Ok, let's see some codeHere's a real-time search component built with Livewire.
1use Livewire\Component; 2 3class SearchUsers extends Component 4{ 5 public $search = ''; 6 7 public function render() 8 { 9 return view('livewire.search-users', [ 10 'users' => User::where('username', $this->search)->get(), 11 ]); 12 } 13} App\Http\Livewire\SearchUsers.php
1<div> 2 <input wire:model="search" type="text" placeholder="Search users..."/> 3 4 <ul> 5 @foreach($users as $user) 6 <li>{{ $user->username }}li> 7 @endforeach 8 ul> 9div> resources/views/livewire/search-users.blade.php You can include this component anywhere in your app like so.
1<body> 2 ... 3 @livewire('search-users') 4 ... 5body> resources/views/welcome.blade.php When a user types into the search input, the list of users updates in real-time. Bonkers, I know... How the he*k does this work?
|
