vue 中的路由为什么 采用 hash 路由模式,而不是href超链接模式(Hypertext,Reference)?

1. vue中路由模式的种类有两种

  1. 一种是 hash 模式。

  2. 一种是 h5 的 history 模式。

2. hash 和 history 都是来自 bom 对象 bom 来自 window

3. window.location.hash

4. hash 是属于 window.location 这个对象,而history直接属于 window

5. window.history

6. 是因为路由模式下,当hash值发生改变,不会发生网络请求,但是href会,vue会自动监听hash 当 hash发生改变的时候,只会去更新对应的组件,不会发送网络请求。

7. history 实现路由的原理 history.pushState() 有历史记录,会发送网络请求,采用的是栈堆。

栈内存最大的优势是:先进后出

8. 研究一个方法:通过三点去学

  1. 要明白它是干啥的

  2. 要知道它的参数代表是什么

  3. 要知道返回值是什么

  history 原理图

  

 

 

history.back() 返回上一级 === history.go(-1)

history.forwords() === history.go(-1)

history.replaceState() 没有存储记忆的路由,不能返回

作者:晋飞翔
手机号(微信同步):17812718961
希望本篇文章 能给正在学习 前端的朋友 或 以及工作的朋友 带来收获 不喜勿喷 如有建议 多多提议 谢谢!!!

posted @ 2020-01-10 17:06  晋飞翔  阅读(877)  评论(0编辑  收藏  举报