VUE路由原理

1: hash後端

2: history瀏覽器

區別: 前者地址欄會帶有#,後者沒有,顯得美觀一點服務器

 

路由原理:前段路由實現本質是監聽URL的變化,而後匹配路由規則顯示相應頁面,而且無須刷新。spa

 

hash模式:router

      a: 點擊或瀏覽器歷史跳轉時,觸發onhashchange事件,而後根據路由規則匹配顯示相應頁面(遍歷路由表,裝載相應組件到router-link);事件

      b: 手動刷新時,不會像服務器發送請求(不會觸發onhashchange),觸發onload事件,而後根據路由規則匹配顯示相應頁面;路由

    

history模式:hash

     a:跳轉時會調用history.pushState方法,根據to屬性改變地址,並切換相應組件到router-link;class

     b:瀏覽器歷史操做(前進,後退),只會改變地址欄(頁面內容不會變),不會切換組件,須要使用popstate方法來切換組件;原理

     c: 手動刷新,須要後端配合重定向,否則404

相關文章
相關標籤/搜索