Livewire是Laravel的扩展库，通过PHP实现前端交互，无需编写JavaScript即可构建动态网页。它支持实时搜索、表单提交等功能，与Laravel生态无缝集成。每个组件由PHP类和Blade模板组成，数据自动同步。使用composer require livewire/livewire安装后，在布局中添加@livewireStyles和@livewireScripts。通过php artisan make:livewire UserSearch创建组件，定义属性和render方法，在Blade中用wire:model.live实现输入实时更新。在页面中用@livewire('user-search')引入组件，输入时自动过滤用户列表，无刷新完成交互。

Laravel Livewire 让你在不写大量 JavaScript 的情况下构建动态、响应式的网页。它通过 PHP 直接处理前端交互，特别适合 Laravel 开发者快速实现表单提交、实时搜索、分页等常见功能。

什么是 Livewire？

Livewire 是一个 Laravel 扩展库，允许你用纯 PHP 编写组件来更新页面内容，无需手动编写 Ajax 或 Vue/React 代码。每个 Livewire 组件包含一个 PHP 类和一个 Blade 模板，数据状态自动在前后端同步。

• 无需外接 JS 框架即可实现响应式交互
• 与 Laravel 路由、中间件、验证无缝集成
• 支持实时数据绑定、事件监听和生命周期钩子

安装与配置

在 Laravel 项目中通过 Composer 安装 Livewire：

确保布局文件（如 resources/views/layouts/app.blade.php）包含 Livewire 脚本标签：

这两个指令必须放在页面底部，用于加载 CSS 和 JS 支持。

创建第一个组件：实时搜索示例

使用 Artisan 命令生成组件：

这会生成两个文件：app/Livewire/UserSearch.php 和 resources/views/livewire/user-search.blade.php。

UserSearch.php 内容：

user-search.blade.php 模板：

wire:model.live="search" 表示输入框内容变化时，自动触发后端更新，.live 修饰符启用实时请求（类似 debounce）。

在页面中使用组件

在任意 Blade 页面中引入组件：

访问该页面时，输入文字会立即过滤用户列表，整个过程无刷新、无手动 JS。

基本上就这些。Livewire 把常见的交互逻辑封装得非常干净，适合快速开发管理后台、搜索框、开关切换等功能。掌握核心概念后，你可以进一步使用 actions、events、file uploads 等高级特性。