想象你在餐厅吃饭:MPA像是每次点菜都换一家餐厅(重新加载整个页面),SPA则是在同一家餐厅换菜品(只更新需要变化的部分)。显然,SPA体验更流畅!
1. 用户点击链接
2. 浏览器发送 HTTP 请求
3. 服务器返回完整 HTML
4. 浏览器解析并渲染新页面
5. 页面资源重新加载 (JS/CSS)
1. 用户点击链接
2. 拦截默认行为
3. 更新 URL (History API)
4. 匹配路由配置
5. 动态渲染新组件
6. 页面无刷新更新
✓
过渡流畅
✓
体验好
✗
需要 SSR 支持 SEO
💡
核心区别:MPA每次跳转都要重新下载整个页面,SPA只在首次加载时下载,后续只更新变化的内容。这就是为什么SPA感觉"更快"的原因。