现如今的 JavaScript 有些疯狂，各种框架和工具层出不穷，有种「山中方一日，世上一千年」的感觉，有的时候，即使是很简单的功能，比如弹出模态框或者对前端交互做一些微调，我们也不得不引入大量的代码（比如安装一个 npm 包），这无疑提高了应用的复杂性，也让项目代码库显得臃肿不堪，而且有的时候真的有点杀鸡焉用牛刀。

其实我们大可不必如此。

因为有了 Livewire，Livewire 是一个适用于 Laravel 的全栈框架，我们可以通过它来构建动态的前端功能，就像写原生 php 代码一样：

正如 Livewire 的 Slogan 一样，它就像 vue 和 Blade 的孩子，有了它之后，可以抛开 Vue/react 之类的 JavaScript 框架，只需要在 PHP 服务端和 Blade 视图模板文件中，通过 PHP 代码即可完成前端视图组件的开发，和我们之前通过 Vue 实现的视图组件功能一样。

Livewire原理可以分为四步：

1. 前端首屏渲染时，渲染对应dom结构（seo友好）
2. 交互发生，Livewire前端脚本发出请求
3. 后端请求数据后渲染新的html字符串并返回前端
4. 根据返回的HTML，前端增量更新视图

链接: https://fly63.com/nav/3402