SPA : Single Page Application
单页面应用程序
MPA: Multiple Page Application
多页面应用程序
优势:
-
传统的多页面应用程序,每次请求服务器返回的都是一整个完整的页面
-
单页面应用程序只有第一次会加载完整的页面
-
以后每次请求仅仅获取必要的数据,减少了请求体积,加快页面响应速度,降低了对服务器的压力
-
SPA更好的用户体验,运行更加流畅
缺点:
1.开发成本高(需要学习路由) vue-router
2.不利于 SEO 搜索引擎优化 谷歌浏览器在解决这个问题 ssr:服务端渲染 server side rendering
路由的介绍:
-
路由 : 是浏览器 URL 中的哈希值( # hash) 与 展示视图内容(组件) 之间的对应规则
-
简单来说,路由就是一套映射规则(一对一的对应规则), 由开发人员制定规则.-
-
当 URL 中的哈希值(
#
hash) 发生改变后,路由会根据制定好的规则, 展示对应的视图内容(组件)
-
-
为什么要学习路由?
-
渐进式 => vue => vuer-router (管理组件之间的跳转)
-
在 web App 中, 经常会出现通过一个页面来展示和管理整个应用的功能.
-
SPA 往往是功能复杂的应用,为了有效管理所有视图内容,前端路由 应运而生.
-
-
vue 中的路由 : 是 hash 和 component 的对应关系, 一个哈希值对应一个组件