优点 1. 优良的交互体验； 2. 前后端分离，减少开发效率； 3. 架构清晰； 4. 减轻服务器的压力。缺点 1. 对seo并不友好； 2. 很大概率会出现首屏加载时间过长的问题； 3. 页面复杂度提高，复杂逻辑程度成倍。
本教程操作环境windows7系统、vue2.9.6版，dell g3电脑。
什么是spa?
单页 web 应用 (single-page application 简叫做 spa) 是一种特殊的 web 应用。它将所有的活动局限于一个web页面中，仅在该web页面初始化时加载相应的html、javascript 和 css。一旦页面加载完成了， spa不会因为用户的操作而进行页面的重新加载或跳转。改朝换代的是利用 javascript 动态的变换html的内容，最终实现ui与用户的交互。由于防止了页面的重新加载，spa 可以提供较为流畅的用户体验。
spa的优点是什么?
1. 优良的交互体验
因为是局部渲染，每个部分是单独的模块。防止了不必要的跳转和重复渲染
2. 前后端分离 减少开发效率。
3. 架构清晰。
4. 减轻服务器的压力。
服务器只需要提供数据，不需要管前端展示逻辑和页面合成，提高了性能。
5. 共用一套后端程序代码。
spa的缺点是什么?
1. 对seo并不友好
2. 很大概率会出现首屏加载时间过长？
（为实现单页面。需要在加载页面使将js css统一加载，部分页面按需加载）
因首屏加载时间过长导致白屏，如何解决?可以利用骨架屏效
3. 页面复杂度提高。
复杂逻辑程度成倍。
【相关推荐《vue.js教程》】