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

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







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