vue——路由

路由的概念与原理

SPA与前端路由

SPA指的是一个网站中只有唯一的一个HTML页面,所有组件的展示与切换都在这唯一的一个页面内完成。此时,不同组件之间的切换需要通过前端路由来实现。

在SPA项目中,不同功能之间的切换,要依赖于前端路由来完成。

通俗易懂的概念:Hash地址(url中#及#以后的部分就叫做Hash地址)与组件之间的对应关系。

前端路由的工作方式

  1. 用户点击页面上的路由链接
  2. 导致URL地址栏中的Hash值发生变化
  3. 前端路由监听到了Hash地址的变化
  4. 前端路由把当前Hash地址对应的组件渲染到浏览器

 

  

posted @ 2021-11-09 16:04  codejing  阅读(27)  评论(0编辑  收藏  举报