第二十一章：View Transitions，是岛与岛之间的轻轨系统，不是把 MPA 强行伪装成 SPA

1 分钟 198 字第 673 / 962 个阅读单元

Astro 默认还是浏览器正常整页导航。
这是对的，因为它本来就是 MPA-first 的世界。

但如果你想让群岛之间切换更丝滑，可以启用 View Transitions：

astro

---
import { ClientRouter } from 'astro:transitions';
---

<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <ClientRouter fallback="swap" />
  </head>
  <body>
    <slot />
  </body>
</html>

然后在页面元素上加过渡控制：

astro

<article transition:name="hero-card">
  <h1>{title}</h1>
</article>

你要把这能力理解成：

text

给群岛之间加一条观感更好的轻轨
而不是把整片群岛改造成 SPA 市中心

也就是说：

Astro 仍然是文档导航
只是导航体验可以更连续
本质不是一套庞大的客户端路由接管系统

这是非常 Astro 的气质：

增强体验，但不背叛 MPA 本性。