生命周期钩子

组件类钩子

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

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。

<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>