单页面应用

Vue是单页面应用:单页Web应用(single page web application,简称SPA),是加载单个页面并在
交互时动态更新该页面的,所有活动在一个页面中,在该页面初始化时加载相应的 HTML 、 JavaScript 、
CSS ,利用 JavaScript 动态的变换 HTML(采用的是 div 切换显示和隐藏),从而实现UI与用户的
交互
框架为单页面应用提供了模板、路由和异步访问数据api、 DOM 操作等功能
优点:
    前后端分离开发,减轻服务器压力,移动端 pc端共用一套后端程序代码
缺点:
    导航不可用,由于单页Web应用在一个页面中显示所有的内容,所以不能使用浏览器的前进后退功能
初次加载耗时多
SEO难度较高
解决缺点:
    前进后退功能优化:配好路由,通过浏览过的历史记录,可查看过往页面
    初次加载耗时多:采用多项缓存措施、需要时再加载模块(路由懒加载,数据懒加载)
    SEO优化:单页应用是无刷的,导致网页内容很难被搜索引擎抓取
两种解决方法:一种是服务器端渲染,一种是前端预渲染
前端解决方案:
    使用prerender-spa-plugin,进行预渲染
    npm isntall prerender-spa-plugin –save
    在vue.config.js中配置: