让我们看看下面表格就一目了然了
单页面应用可以使用路由写:所有功能在一个页面上实现
| 对比部分 | 单页应用 | 多页面应用 |
|---|---|---|
| 组成 | 一个html文件多个组件组成 | 多个html文件 |
| 静态资源共用 | 共用,一次性加载完毕 | 不共用,每个页面都加载一遍 |
| 刷新方式 | 页面局部刷新 | 整页加载 |
| url模式 | itcast.com/#/pageone | itcast.com/pageone.html |
| 用户体验 | 用户体验良好 | 页面切换加载缓慢体验较差 |
| 数据传递 | 容易 | 依赖url传参,cookie,localStorage |
| 搜索引擎优化 | 不利于seo优化,需要ssr优化(服务端渲染) | 支持良好 |
| 使用场景 | 追求高体验 不要求seo | 高度要求seo |
| 开发成本 | 较高 需要依赖专业的框架, 开发效率高 | 较低 重复代码多, 开发效率低 |