首頁 > web前端 > 前端問答 > vue項目路由預設是hash模式嗎

vue項目路由預設是hash模式嗎

WBOY
發布: 2022-06-16 10:47:08
原創
1574 人瀏覽過

vue專案路由預設是hash模式;該模式在url中有「#」號,可以利用錨點「#」實作跳到同一頁面的不同id所對應的位置,使用URL的hash值來作為路由,模擬一個完整的URL;hash改變會觸發hashChange事件,會被瀏覽器記錄下來,可以使用瀏覽器的前進和後退。

vue項目路由預設是hash模式嗎

本教學操作環境:windows10系統、Vue3版、Dell G3電腦。

vue專案預設是hash模式嗎

vue專案預設是hash模式

hash模式

# #1、vue-router預設是hash模式

2、url中有「#」號碼

3、hash值(「#」後面的值)不會被包含在http請求中,改變hash值不會引起頁面的重新載入。

4、hash改變會觸發hashChange事件,會被瀏覽器記錄下來,可以使用瀏覽器的前進和後退。

5、hash相容於IE8以上

6、會建立hashHistory對象,在存取不同的路由的時候,會發⽣兩件事:

  • #HashHistory.push()將新的路由加入瀏覽器所存取的歷史的棧頂

  • HasHistory.replace()取代目前堆疊

#對於hash模式和history模式,最直接的差別就是網址列帶不帶"#"號碼了。

vue腳手架搭建的項目的路由預設是hash模式。

hash模式:

vue項目路由預設是hash模式嗎 建立路由實例時,新增mode:"history"屬性,即可使用history模式。

const router = new VueRouter({
  routes,
  mode: "history"})
登入後複製
history模式:

vue項目路由預設是hash模式嗎

【相關推薦:《

vue.js教學》】

以上是vue項目路由預設是hash模式嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
vue
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板