请解释单页应用（SPA）的核心概念，并对比传统多页应用（MPA），阐述各自的优缺点。

回答思路

1. 【回答框架 1】SPA 即单页应用，指整个应用只有一个 HTML 页面，通过 JavaScript 动态更新页面内容，实现页面切换，无需整体刷新。核心是前端路由和组件化。
2. 【回答框架 2】MPA 即多页应用，每个页面对应一个 HTML 文件，页面跳转时浏览器发起完整请求，服务器返回新页面。
3. 【回答框架 3】SPA 优点是页面切换流畅、前后端分离清晰、开发效率高；缺点是首屏加载慢、SEO 不友好、浏览器历史管理需额外处理。
4. 【回答框架 4】MPA 优点是首屏加载快、SEO 友好；缺点是页面跳转有白屏等待、前后端耦合度高、开发维护成本高。
5. 【回答框架 5】选择依据：对交互体验要求高且对 SEO 要求低时选 SPA，对 SEO 要求高或开发技术栈简单时选 MPA。
6. 【关键点 1】SPA 只有一个 HTML 页面，通过路由切换视图。
7. 【关键点 2】SPA 首屏加载慢但后续交互流畅。
8. 【关键点 3】MPA SEO 友好但页面切换需整页刷新。
9. 【关键点 4】SPA 开发常用 Vue Router 或 React Router 实现前端路由。
10. 【易错点 1】忽略 SPA 对 SEO 的负面影响，需配合 SSR 或预渲染。
11. 【易错点 2】认为 SPA 一定比 MPA 快，实际首屏加载可能更慢。
12. 【易错点 3】忽视浏览器前进后退等历史管理问题。