简述vue单页应用与多页应用的区别

简述vue单页应用与多页应用的区别


前言

web应用,说难也不难,说不难也难。里面好多的知识,即使我们干了几年的活也未必透彻。一直听别人说单页应用多页应用,一直也没研究,因为他丝毫不影响我工作产出。今天兴趣使然,一探究竟并大白话简述~

一、Vue单页应用是什么?

就理解它为一个页面的应用,它自己和自己跳着玩,也不请求别的页面。感兴趣的可以看看调试工具里的Doc加载页面情况~

内部原理:

js做识别,判断路由发生变化。一旦路由变化js会销毁当前页面并替换新页面。

二、Vue多页应用是什么?

每个页面与每个页面都是独立的。每加载一个页面,就得发次请求。

内部原理:

页面每次请求都会向后端拿一次数据,每次都会生成一个html页面。仍然是在调试工具Doc里体现。

三、它俩有啥区别?

1、多页应用依赖后端,单页应用是前端实现。
2、性能方面来说,多页应用首屏加载较快,SEO搜索效果好。但缺点是切换页面相对较慢。这从原理上想的话也能理解,每次切换都要发请求,肯定相对慢一些。 单页应用则切换速度较快,但首屏加载较慢,SEO效果较差。从SEO来讲的话,因为SEO搜索时只能识别html,并不认识js,

四、总结

个人理解为就是多页就是每次跳转需要请求一次,单页不需要请求直接靠js识别进行跳转。多页需要后台支持,单页纯前台自己实现。多页还是相比于单页较为复杂。多页or单页,只是一种方案,适合自己的项目才是最好的。最后欢迎大家补充与修正~

猜你喜欢

转载自blog.csdn.net/weixin_53291256/article/details/123949767