wire:navigate

Livewire 的 wire:navigate 功能使页面导航速度大大提高，为您的用户提供类似 SPA 的体验。

此页面是 wire:navigate 指令的简单参考。请务必阅读 Livewire 的导航功能页面 以获取更完整的文档。

以下是向导航栏中的链接添加 wire:navigate 的一个简单示例

<nav>
    <a href="/" wire:navigate>Dashboard</a>
    <a href="/posts" wire:navigate>Posts</a>
    <a href="/users" wire:navigate>Users</a>
</nav>

当单击其中任何链接时，Livewire 将拦截单击，并且不会允许浏览器执行完整的页面访问，而是 Livewire 将在后台获取页面并用当前页面替换它（从而实现更快、更流畅的页面导航）。

#悬停时预取页面

通过添加 .hover 修饰符，当用户将鼠标悬停在链接上时，Livewire 将预取页面。这样，当用户单击链接时，页面将已从服务器下载。

<a href="/" wire:navigate.hover>Dashboard</a>

#深入了解

有关此功能的更完整文档，请访问 Livewire 的导航文档页面。