• <strike id="6sogq"><s id="6sogq"></s></strike>
  • <strike id="6sogq"></strike>

    千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

    400-811-9990
    手機(jī)站
    千鋒教育

    千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

    千鋒教育

    掃一掃進(jìn)入千鋒手機(jī)站

    領(lǐng)取全套視頻
    千鋒教育

    關(guān)注千鋒學(xué)習(xí)站小程序
    隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

    上海
    • 北京
    • 鄭州
    • 武漢
    • 成都
    • 西安
    • 沈陽(yáng)
    • 廣州
    • 南京
    • 深圳
    • 大連
    • 青島
    • 杭州
    • 重慶
    當(dāng)前位置:成都千鋒IT培訓(xùn)  >  技術(shù)干貨  >  談?wù)刅ue路由模式,路由有哪些模式

    談?wù)刅ue路由模式,路由有哪些模式

    來(lái)源:千鋒教育
    發(fā)布人:gxy
    時(shí)間: 2023-04-18 15:54:22

      談?wù)?strong>Vue路由模式,路由有哪些模式

    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)。

    聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。

    猜你喜歡LIKE

    實(shí)現(xiàn)垂直居中的幾種方法,不知道寬高的情況下如何實(shí)現(xiàn)元素水平垂直居中?

    2023-04-12

    小程序路由跳轉(zhuǎn)

    2023-04-06

    經(jīng)典面試題:static加載機(jī)制你知道嗎?

    2023-03-23

    最新文章NEW

    從零開(kāi)始學(xué)Java之包裝類有哪些?

    2023-04-14

    說(shuō)說(shuō)React中onClick綁定后的工作原理

    2023-04-07

    說(shuō)說(shuō)gulp和webpack的區(qū)別

    2023-04-06

    相關(guān)推薦HOT

    更多>>

    快速通道 更多>>

    最新開(kāi)班信息 更多>>

    網(wǎng)友熱搜 更多>>