web前端全系列 教程
1839个小节阅读:2243.7k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举
单页面应用也称为SPA(Single Page Application),它主要是网页的界面渲染在一个静态的页面上,当用户要从当前界面跳到另一个界面的时候,在这个过程中,不需要重新加载整个页面,所以页面之间的切换十分快速
多页面在进行页面切换时十分缓慢,在路由进行跳转的时候会加载所有的资源,而且页面重复代码多
对比之下,单页面原理是JavaScript动态修改内容而已,资源只需要局部的刷新,因此SPA具有极高的流畅度,有利于提升用户体验
单页面(SPA) | 多页面(MPA) | |
---|---|---|
组成 | 外壳页面和多个页面片段 | 多个完整页面构成 |
资源共用 | 共用、只需在外壳部分加载 | 不共用,每个页面都需要加载 |
刷新方式 | 页面局部刷新或更改 | 整页刷新 |
URL模式 | a.com/#/one 或者 a.com/one | a.com/one.html |
用户体验 | 页面切换快,体验好 | 页面切换慢,体验差 |
数据传递 | 容易(路由或者组件之间传递) | 依赖URL传参、本地存储传参 |
SEO | 不利于SEO(后续有其他解决方案) | 利于SEO |
维护成本 | 相对容易 | 相对复杂 |
页面与页面之前的切换,是通过不同的地址访问的,地址对应着要显示的组件。而实现这个页面切换显示的功能就是路由的作用