单页应用和多页应用理解

多页面

多页面应用：每次页面跳转，后台都会返回一个新的HTML文档，就是多页面应用。

在以往传统开发的应用（网站）大多都是多页面应用，路由由后端来写。

页面跳转=》返回HTML，优点：首屏时间快，SEO效果好，缺点是页面切换慢。

首屏时间快？访问页面，服务器只需要返回一个HTML文件，这个过程就经历了一个HTTP请求，请求响应回来，页面就能被展示出来。

SEO（搜索引擎排名）效果好？搜索引擎能识别HTML的内容，根据内容进行排名。

页面切换慢：每一次切换页面都需要发起一个HTTP请求，假设网络较慢就会出现卡顿情况。

单页面

单页应用：用vue写的项目是单页应用，刷新页面会请求一个HTML文件，切换页面的时候，并不会发起新的请求一个HTML文件，只是页面内容发生了变化

vue.js原理：JS感知URL变化，当URL发生变化后，使用JS动态把当前的页面内容清除掉，再把下一个页面的内容挂载到页面上。此时的路由就不是后端来做了，而是前端来做，判断页面到底显示哪一个组件，再把以前的组件清除掉使用新的组件。就不会每一次跳转都请求HTML文件。

页面跳转 =》 JS渲染，优点页面切换快，缺点首屏时间稍慢，SEO差

页面跳转不需要去做HTML文件的请求，节约HTTP请求发送的时延。

SEO差？搜索引擎只认识HTML内容不认识JS内容。单页应用的渲染都是靠JavaScript渲染出来的。搜索引擎不好识别排名。