生命周期钩子

未匹配的标注
本文档最新版为 2.x,旧版本可能放弃维护,推荐阅读最新版!

生命周期钩子

组件类钩子

每个 Livewire 组件都会经历一个生命周期 (mount, updating, updated).。生命周期钩子允许您在组件生命周期的任何部分或在更新特定属性之前运行代码。

钩子 描述
mount 在实例化组件之后,调用 render() 之前立即运行一次
hydrate 在组件组合后,执行动作之前或调用 render() 时立即在每个请求上运行
updating 在对Livewire组件数据进行任何更新之前运行
updated 在对Livewire组件的数据进行任何更新之后运行
updatingFoo 在名为 $foo 的属性更新之前运行
updatedFoo 在名为 $foo 的属性更新之后运行
use Livewire\Component;

class HelloWorld extends Component
{
    public $foo;

    public function mount()
    {
        //
    }

    public function hydrate()
    {
        //
    }

    public function updating($name, $value)
    {
        //
    }

    public function updatingFoo($value)
    {
        //
    }

    public function updatedFoo($value)
    {
        //
    }

    public function updated($name, $value)
    {
        //
    }
}

Javascript 钩子

Livewire使您有机会在某些事件期间执行javascript。

Hooks Description
beforeDomUpdate 在Livewire收到服务器的响应之后但在任何DOM差异/修补发生之前运行
afterDomUpdate 在livewire更新DOM后运行
<script>
    document.addEventListener("livewire:load", function(event) {
        window.livewire.hook('beforeDomUpdate', () => {
            // Add your custom JavaScript here.
        });

        window.livewire.hook('afterDomUpdate', () => {
            // Add your custom JavaScript here.
        });
    });
</script>

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
发起讨论 查看所有版本


暂无话题~