生命周期钩子

未匹配的标注

生命周期钩子

组件类钩子

每个 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 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 0
发起讨论 只看当前版本


暂无话题~