vue——路由
路由的概念与原理
SPA与前端路由
SPA指的是一个网站中只有唯一的一个HTML页面,所有组件的展示与切换都在这唯一的一个页面内完成。此时,不同组件之间的切换需要通过前端路由来实现。
在SPA项目中,不同功能之间的切换,要依赖于前端路由来完成。
通俗易懂的概念:Hash地址(url中#及#以后的部分就叫做Hash地址)与组件之间的对应关系。
前端路由的工作方式
- 用户点击页面上的路由链接
- 导致URL地址栏中的Hash值发生变化
- 前端路由监听到了Hash地址的变化
- 前端路由把当前Hash地址对应的组件渲染到浏览器