书写php源程序的视图,通过 Livewire 在 Laravel 项目中实现基于 PHP 的全栈开发（一）：快速上手篇...

通过 Livewire 在 Laravel 项目中实现基于 PHP 的全栈开发(一)：快速上手篇

由 学院君 创建于1年前, 最后更新于 1年前

版本号 #1

7741 views

3 likes

0 collects

Livewire 简介

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

其实我们大可不必如此。

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

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

注：Livewire 目前还处于早期阶段，这一点通过 Github 仓库的代码提交时间也能看出来，建议先在本地进行测试体验。

快速上手

准备工作

下面我们来体验下如何通过 Livewire 开发前端视图组件。

首先通过 Composer 在项目根目下安装这个扩展包：

composer require calebporzio/livewire -vvv

然后在使用 Livewire 的页面中通过 @livewireAssets 指令引入对应的 JavaScript 代码，通常我们会在公共的布局文件中引入，比如 layouts.app：

...

@livewireAssets