Laravel Livewire v1.0 发布

Laravel

「译者注」在官网看了一下这个框架的介绍,还是蛮有趣的。第一感觉类似于 Vue 的模式,更灵活一些。详细可以在 官网 查看。

Caleb Porzio 开发的 Laravel Livewire v1.0 版本今天已经发布了,Livewire 是 Laravel 的全栈框架,可简化构建动态接口的过程,且不会为 Laravel 带来不必要的麻烦。

这个版本中增加了以下内容:

  • 集成 Turbolinks
  • 集成 Alpine JS
  • 支持 wire:model 监听 AlpineJS 的输入事件:$dispatch(‘input’, ‘foo’)
  • 支持 wire:custom-event="foo" 在 AlpineJS 接受参数: $dispatch('custom-event', 'bar')。(在 public function foo($param), $param 会替换为 'bar'
  • Livewire 自定义标签语法,这类似于 Laravel 7 的 Blade 组件标签,只支持在 Laravel 7 版本中使用。

如果那你还不熟悉 Livewire,官网 中简述了基本的工作原理:

  • Livewire 通过组件化形式输出页面,类似 Blade 模板,从而使 SEO 更友好。
  • 发生交互时,Livewire 会向服务器发送 AJAX 请求。
  • 服务器根据请求重新提供组件数据并发送 HTML 相应。
  • Livewire 根据数据内容智能刷新 DOM 更新页面。

请务必查看 快速入门,这将有助于你构建第一个组件,这是快速入门指南中 Livewire 组件的后端代码:

use Livewire\Component;

class Counter extends Component
{
    public $count = 0;

    public function increment()
    {
        $this->count++;
    }

    public function decrement()
    {
        $this->count--;
    }

    public function render()
    {
        return view('livewire.counter');
    }
}

这是相关的 Blade 模板:

<div style="text-align: center">
    <button wire:click="increment">+</button>
    <h1>{{ $count }}</h1>
    <button wire:click="decrement">-</button>
</div>

今天,Caleb 在 Laracon 线上进行了演讲 演示项目 ,如果你想观看 Caleb 对 Livewire 的演讲 ,您可以直接购买 Laracon Online 2020 ,价格是 25 美元 。这些视频近期会在线上提供。

你可以在 GitHub 上的 Release v1.0.0 工程获取升级说明以及该版本的详细信息。

本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

原文地址:https://laravel-news.com/laravel-livewir...

译文地址:https://learnku.com/laravel/t/41117

本文为协同翻译文章,如您发现瑕疵请点击「改进」按钮提交优化建议
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 2

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!