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

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

  1. 一种是 hash 模式。vue

  2. 一种是 h5 的 history 模式。微信

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

3. window.location.hash学习

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

5. window.history对象

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

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

栈内存最大的优点是:先进后出路由

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

  1. 要明白它是干啥的

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

  3. 要知道返回值是什么

  history 原理图

  

 

 

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

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

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

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

相关文章
相关标签/搜索