定义了SPA单页应用（SinglePageWebApplication），指的是只有一个主页面（一个html页面）的应用，一开始只需要加载一次js和css相关资源。所有内容都包含在主页面中，每个功能模块都是组件化的。单页应用跳转是切换相关组件，只刷新本地资源。MPA多页面应用（MultiPageApplication）是指一个应用有多个独立的页面（多个html页面），每个页面都要重复加载js、css等相关资源。多页应用跳转需要整页资源刷新。不同点1.刷新方式SPA：相关组件切换，页面局部刷新或改变MPA：全页面刷新2.路由方式SPA：可以使用hash或historyMPA：普通链接跳转3.用户体验SPA：页面分片之间的时间切换速度快，用户体验好。当第一次加载的文件过多时，需要做相应的调整。MPA：页面切换加载慢，流畅度不够，用户体验差，尤其是网速慢的时候4.转场动画SPA：转场动画容易实现MPA：无法实现转场动画转场方式很多（通过路由带参数，Vuex等）MPA：依赖url传递参数，cookies，本地存储6.搜索引擎优化（SEO）SPA：需要单独的解决方案，实现难度大，不利于SEO检索，server端渲染（SSR）可用于优化MPA：易于实现7.使用范围SPA：高要求体验，追求界面流畅的应用MPA：适用于追求对搜索引擎支持度高的应用8.开发成本SPA：更高更长，需要专业框架MPA：低，但页面代码重复多9.维护成本SPA：相对容易MPA：相对复杂10.结构SPA：一个主页面+manymodulecomponentsMPA:ManyCompletepage11.资源文件SPA:组件的公共资源只需要加载一次MPA:每个页面需要自己加载公共资源最后，如果觉得本文对你有帮助，请喜欢它。或者可以加入我的开发交流群：1025263163互相学习，我们会有专业的技术解答。如果您觉得这篇文章对您有用，请给我们的开源项目一个小星星：https://gitee。com/ZhongBangKe...非常感谢！
