0
点赞
收藏
分享

微信扫一扫

前端路由。

往复随安_5bb5 2022-01-05 阅读 149

1.什么是路由

路由(英文:router)就是对应关系

2.什么是前端路由

通俗易懂的概念:Hash地址与组件之间的对应关系

3.前端路由的工作方式

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

哈希地址(#…)和组件的对应关系
在这里插入图片描述
当Hash地址改变的时候会触发onhashchange事件.(存在于create周期)

 window.onhashchange = () => {
      console.log('监听到了 hash 地址的变化', location.hash)
    
    //location.hash可以获取当前的hash值

vue-router包可以快速帮我们生成前端路由,不需要自己去写。

举报

相关推荐

0 条评论