Vue-router

前置:單頁應(yīng)用最顯著特點(diǎn)之一就是采用的前端路由系統(tǒng),通過改變URL炭玫,在不重新請求頁面的情況下,更新頁面視圖捌朴。

更新視圖但不重新請求頁面溪烤,是前端路由原理的核心之一稀火,目前在瀏覽器環(huán)境中這一功能的實(shí)現(xiàn)主要有2種方式:

? 1坏晦、利用URL中的hash("#");

? 2雌澄、利用History interface在HTML5中新增的方法;

一、hashHistory

通過(1)HashHistory.push()

? ? ? ?(2)HashHistory.replace()

? ? ? ?(3)監(jiān)聽地址欄

用戶還可以直接在瀏覽器地址欄中輸入改變路由每篷,因此還需要監(jiān)聽瀏覽器地址欄中路由的變化 瓣戚,并具有與通過代碼調(diào)用相同的響應(yīng)行為,在HashHistory中這一功能通過setupListeners監(jiān)hashchange

二雳攘、HTML5History

從HTML5開始,History interface提供了2個(gè)新的方法:

? ? ? ? (1)pushState()

? ? ? ? (2)replaceState()

使得我們可以對瀏覽器歷史記錄棧進(jìn)行修改

--------------------------------------------------------------------------------------------------------------------------------------

詳見:https://segmentfault.com/a/1190000014822765

? ? ? ? ? ?http://www.reibang.com/p/f8699194ce26

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末枫笛,一起剝皮案震驚了整個(gè)濱河市吨灭,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌刑巧,老刑警劉巖喧兄,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異啊楚,居然都是意外死亡吠冤,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進(jìn)店門恭理,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拯辙,“玉大人,你說我怎么就攤上這事⊙谋#” “怎么了诉濒?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長夕春。 經(jīng)常有香客問我未荒,道長,這世上最難降的妖魔是什么及志? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任片排,我火速辦了婚禮,結(jié)果婚禮上速侈,老公的妹妹穿的比我還像新娘率寡。我一直安慰自己,他們只是感情好锌畸,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布勇劣。 她就那樣靜靜地躺著,像睡著了一般潭枣。 火紅的嫁衣襯著肌膚如雪比默。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天盆犁,我揣著相機(jī)與錄音命咐,去河邊找鬼。 笑死谐岁,一個(gè)胖子當(dāng)著我的面吹牛醋奠,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播伊佃,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼窜司,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了航揉?” 一聲冷哼從身側(cè)響起塞祈,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎帅涂,沒想到半個(gè)月后议薪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡媳友,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年斯议,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片醇锚。...
    茶點(diǎn)故事閱讀 40,090評論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡哼御,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情艇搀,我是刑警寧澤尿扯,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站焰雕,受9級特大地震影響衷笋,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜矩屁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一辟宗、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧吝秕,春花似錦泊脐、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至约郁,卻和暖如春缩挑,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背鬓梅。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工供置, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人绽快。 一個(gè)月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓芥丧,卻偏偏與公主長得像,于是被迫代替她去往敵國和親坊罢。 傳聞我的和親對象是個(gè)殘疾皇子续担,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 介紹 vue-router是一個(gè)vue插件。其實(shí)質(zhì)是在location.hash活孩、location.replace...
    AmazRan閱讀 1,554評論 0 6
  • 一物遇、前言 要學(xué)習(xí)vue-router就要先知道這里的路由是什么?為什么我們不能像原來一樣直接用 標(biāo)簽編寫鏈接哪诱鞠?...
    浪里行舟閱讀 67,674評論 12 203
  • 用Vue.js + vue-router創(chuàng)建單頁應(yīng)用挎挖,是非常簡單的这敬,基本是這樣的: 組件 → 路由 → 渲染地方 ...
    阿go閱讀 1,399評論 0 0
  • 編程式導(dǎo)航 1 .用在可復(fù)用的路由視圖里面航夺,比如所有的需要跳轉(zhuǎn)到一個(gè)文章具體內(nèi)容的路由,每一次跳轉(zhuǎn)到新路由的時(shí)候崔涂,...
    skoll閱讀 652評論 0 1
  • 官網(wǎng)文檔阳掐,....., 下面這種路由表的寫法比較優(yōu)雅,我把路由單獨(dú)寫在一個(gè)文件routes.js . router...
    Searchen閱讀 94,242評論 1 54