目录web前端全系列 教程
1839个小节阅读：2243.9k
目录
鸿蒙应用开发
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 |
| 维护成本 | 相对容易 | 相对复杂 |
页面与页面之前的切换，是通过不同的地址访问的，地址对应着要显示的组件。而实现这个页面切换显示的功能就是路由的作用
