侯体宗的博客
  • 首页
  • Hyperf版
  • beego仿版
  • 人生(杂谈)
  • 技术
  • 关于我
  • 更多分类
    • 文件下载
    • 文字修仙
    • 中国象棋ai
    • 群聊
    • 九宫格抽奖
    • 拼图
    • 消消乐
    • 相册

Laravel Livewire Volt拥有基于类的新API

Laravel  /  管理员 发布于 1个月前   62

Laravel 团队最近发布了Volt,它允许你在 Blade 视图中构建完整的 Livewire 组件。最初,它采用的是函数式语法。你可以导入 Volt 的函数,并将状态、计算属性、动作等 Livewire 功能封装在这些函数中。


例如,一个使用功能语法创建帖子的简单组件:

<?php
 
use App\Models\Post;
use function Livewire\Volt\{state};
use function Livewire\Volt\{rules};
 
state([
    'title' => '',
    'content' => '',
]);
 
rules([
    'title' => ['required', 'max:250'],
    'content' => ['required', 'max:10000'],
]);
 
$save = function () {
    $this->validate();
 
    Post::create([
        'title' => $this->title,
        'content' => $this->content,
    ]);
 
    return redirect('/posts');
}
?>
 
<form wire:submit="save">
    <div>
        <label>Title</label>
        <input wire:model="title" type="text" />
    </div>
    <div>
        <label>Content</label>
        <textarea wire:model="content"></textarea>
    </div>
 
    <button>Save</button>
</form>


今天,Laravel 团队发布了 v1.0-beta.3,为 Volt 组件引入了基于类的新语法。

这样,你就可以使用更传统的语法来编写 Livewire 组件,但仍然是在 Blade 文件中编写。

例如,使用新的基于类的语法编写的相同的创建帖子组件:

<?php
 
use App\Models\Post;
use Livewire\Volt\Component;
use Livewire\Attributes\Rule;
 
new class extends Component
{
    #[Rule(['required', 'max:250'])]
    public $title = '';
 
    #[Rule(['required', 'max:10000'])]
    public $content = '';
 
    public function save() {
        $this->validate();
 
        Post::create([
            'title' => $this->title,
            'content' => $this->content,
        ]);
 
        return redirect('/posts');
    }
}
?>
 
<form wire:submit="save">
    <div>
        <label>Title</label>
        <input wire:model="title" type="text" />
    </div>
    <div>
        <label>Content</label>
        <textarea wire:model="content"></textarea>
    </div>
 
    <button>Save</button>
</form>


您怎么看?你更喜欢功能性语法还是更传统的基于类的语法?

就我个人而言,我更喜欢基于类的语法,但很高兴看到 Laravel 团队为人们提供了多种构建功能的方法!


相关链接:

https://livewire.laravel.com/docs/volt
https://github.com/livewire/volt

  • 上一条:
    Laravel Sushi - Eloquent的数组驱动程序
    下一条:
    在php 8语言中match表达式的用法及使用场景示例
  • 昵称:

    邮箱:

    0条评论 (评论内容有缓存机制,请悉知!)
    最新最热
    • 分类目录
    • 人生(杂谈)
    • 技术
    • linux
    • Java
    • php
    • 框架(架构)
    • 前端
    • ThinkPHP
    • 数据库
    • 微信(小程序)
    • Laravel
    • Redis
    • Docker
    • Go
    • swoole
    • Windows
    • Python
    • 苹果(mac/ios)
    • 相关文章
    • Laravel 10.24版本发布(0个评论)
    • Laravel应用程序性能监控 (APM) 工具:Scout (0个评论)
    • laravel框架中以公共函数方式实现job异步化执行封装代码示例(0个评论)
    • Laravel HTTP 测试与Symfony的DomCrawler(0个评论)
    • 使用 Laravel Rest Api 轻松生成 Apis(0个评论)
    • 近期文章
    • Laravel 10.24版本发布(0个评论)
    • go语言多项目批量更新依赖及自动调用jenkins构建流程步骤(0个评论)
    • 在go语言中实现数学pow(x^y 的幂次)代码示例(0个评论)
    • Laravel应用程序性能监控 (APM) 工具:Scout (0个评论)
    • 推荐一款针对git、diff和grep输出的语法高亮显示的扩展包:Git Delta(0个评论)
    • laravel框架中以公共函数方式实现job异步化执行封装代码示例(0个评论)
    • 在go语言中实现从http响应中解码JSON数据(0个评论)
    • go语言中如何使用JSON网络令牌(JWT)在控制器之间传递数据(0个评论)
    • 计算机网络知识详解(0个评论)
    • Laravel HTTP 测试与Symfony的DomCrawler(0个评论)
    • 近期评论
    • 路人 在

      php中使用hyperf框架调用讯飞星火大模型实现国内版chatgpt功能示例中评论 教程很详细,如果加个前端chatgpt对话页面就完美了..
    • 博主 在

      科学上网翻墙之v2rayN-Core客户端免费公益节点使用教程中评论 @ mashrdn 多切换几个节点测试,免费ssr是没那么稳..
    • mashrdn 在

      科学上网翻墙之v2rayN-Core客户端免费公益节点使用教程中评论 V2rayn免费节点添加上去了,youtobe无法打开网页,是怎么回事..
    • 张伟 在

      科学上网翻墙之v2rayN-Core客户端免费公益节点使用教程中评论 3q!有用,不过免费节点隔天就要去git上复制新的导进去..
    • 博主 在

      科学上网翻墙访问Google , 上外网神器佛跳墙VPN(永久免费)使用流程步骤中评论 该篇教程已不能用了,告知大家,免的老有老铁问我!..
    • 2016-10
    • 2016-11
    • 2017-07
    • 2017-08
    • 2020-03
    • 2020-04
    • 2020-05
    • 2020-06
    • 2020-07
    • 2020-08
    • 2020-09
    • 2020-10
    • 2020-11
    • 2021-01
    • 2021-02
    • 2021-03
    • 2021-04
    • 2021-05
    • 2021-06
    • 2021-07
    • 2021-08
    • 2021-09
    • 2021-10
    • 2021-11
    • 2021-12
    • 2022-01
    • 2022-02
    • 2022-03
    • 2022-04
    • 2022-05
    • 2022-06
    • 2022-07
    • 2022-08
    • 2022-09
    • 2022-10
    • 2022-11
    • 2022-12
    • 2023-01
    • 2023-02
    • 2023-03
    • 2023-04
    • 2023-05
    • 2023-06
    • 2023-07
    • 2023-08
    • 2023-09
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客