Hash 模式:

Hash 模式的工作原理是onhashchange事件，Window對(duì)象可以監(jiān)聽(tīng)這個(gè)事件...

可以通過(guò)改變路徑的哈希值，來(lái)實(shí)現(xiàn)歷史記錄的保存，發(fā)生變化的hash 都會(huì)被瀏覽器給保存下來(lái)，所以下次盡管瀏覽器沒(méi)有請(qǐng)求服務(wù)器，但是還是將頁(yè)面和url 給關(guān)聯(lián)起來(lái)，這就是所謂的前端路由。

每次或者了哈希值，就知道路徑，知道路徑，就能獲得路由組建，有了路由組建，就可以將頁(yè)面顯示出來(lái)。

?

History 模式:

通過(guò)瀏覽器保存歷史路徑，由于Hash模式，每次只能改變#后面的路徑參數(shù)，history 則給予了前端路由完全的自由。

通過(guò)api 取訪問(wèn)歷史路徑，history,back(),forward(),go(),實(shí)現(xiàn)了頁(yè)面的回退，前進(jìn)，以及跳轉(zhuǎn)，

在vue.js中也可以用$router.push(url), $router.replace(),$router.back(),

$router.push(url) 是一層一層退，（數(shù)據(jù)結(jié)構(gòu)是棧）

$router.replace,是直接替換它不會(huì)向 history 添加新記錄。

?

轉(zhuǎn)載于:https://www.cnblogs.com/pickKnow/p/10477180.html

總結(jié)

以上是生活随笔為你收集整理的Vue 的路由实现 Hash模式 和 History模式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。