Vue3 路由预取：提升体感速度的低成本手段

背景

很多后台系统首屏不慢，但页面切换时常有明显等待。通常是路由组件和数据都在点击后才加载。

实用做法

1. 鼠标悬停时预取路由 chunk
2. 关键列表页预取首屏数据
3. 低网速场景要可降级关闭

const UserPage = () => import('@/pages/UserPage.vue')

function prefetchUserPage() {
  void UserPage()
}

总结

预取策略要适度，目标是减少等待感，不是盲目预加载所有页面。

用户感知速度，很多时候来自“提前一步”。