談?wù)刅ue路由模式,路由有哪些模式
談?wù)?strong>Vue路由模式,路由有哪些模式
在vue-router路由對象中,路由有兩種模式:hash和history,而默認的是hash模式.
前端路由目前主要有兩種方法:
1、利用url的hash,就是常用的錨點(#)操作,類似頁面中點擊某小圖標(biāo),返回頁面頂部,JS通過hashChange事件來監(jiān)聽url的改變,IE7及以下需要輪詢進行實現(xiàn)。一般常用框架的路由機制都是用的這種方法,例如Angualrjs自帶的ngRoute和二次開發(fā)模塊ui-router,react的react-route,vue-route…
2、利用HTML5的History模式,使url看起來類似普通網(wǎng)站,以”/”分割,沒有”#”,但頁面并沒有跳轉(zhuǎn),不過使用這種模式需要服務(wù)器端的支持,服務(wù)器在接收到所有的請求后,都指向同一個html文件,通過historyAPI,監(jiān)聽popState事件,用pushState和replaceState來實現(xiàn)。

猜你喜歡LIKE
相關(guān)推薦HOT
更多>>
談?wù)刅ue路由模式,路由有哪些模式
談?wù)刅ue路由模式,路由有哪些模式,在vue-router路由對象中,路由有兩種模式:hash和history,而默認的是hash模式.詳情>>
2023-04-18 15:54:22
SEO優(yōu)化
SEO優(yōu)化,1、合理的title、description、keywords:搜索對著三項的權(quán)重逐個減小,title值強調(diào)重點即可;description把頁面內(nèi)容高度概括,不可過...詳情>>
2023-04-03 15:11:51
Python數(shù)據(jù)生產(chǎn)器
Python數(shù)據(jù)生產(chǎn)器,在軟件開發(fā)、測試或者數(shù)據(jù)分析過程中,有時候會需要一些測試數(shù)據(jù)。做測試的時候,需要模擬真實的環(huán)境,但是又不能直接使用真...詳情>>
2023-03-28 15:56:13
Java集合是什么?Java集合詳解
Java集合是Java編程語言中的一個重要概念,用于存儲、管理和處理數(shù)據(jù)。Java集合框架提供了一組接口和類,用于實現(xiàn)常見的數(shù)據(jù)結(jié)構(gòu),如列表、棧、...詳情>>
2023-03-20 19:12:47熱門推薦
談?wù)刅ue路由模式,路由有哪些模式
沸Python數(shù)據(jù)分析:數(shù)據(jù)分析概述
熱從零開始學(xué)Java之包裝類有哪些?
熱實現(xiàn)垂直居中的幾種方法,不知道寬高的情況下如何實現(xiàn)元素水平垂直居中?
新forEach中的await
說說React中onClick綁定后的工作原理
小程序路由跳轉(zhuǎn)
說說gulp和webpack的區(qū)別
跨域如何解決
SEO優(yōu)化
Null和undefined的區(qū)別
Python數(shù)據(jù)生產(chǎn)器
react中怎么實現(xiàn)vue中的計算屬性以及watch
經(jīng)典面試題:static加載機制你知道嗎?
技術(shù)干貨







快速通道 更多>>
-
課程介紹
點擊獲取大綱 -
就業(yè)前景
查看就業(yè)薪資 -
學(xué)習(xí)費用
了解課程價格 -
優(yōu)惠活動
領(lǐng)取優(yōu)惠券 -
學(xué)習(xí)資源
領(lǐng)3000G教程 -
師資團隊
了解師資團隊 -
實戰(zhàn)項目
獲取項目源碼 -
開班地區(qū)
查看來校路線