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
但願本篇文章 能給正在學習 前端的朋友 或 以及工做的朋友 帶來收穫 不喜勿噴 若有建議 多多提議 謝謝!!!

相關文章
相關標籤/搜索