Vue router 的路由的跳轉方式 以及原理

一、路由概念

       路由：網絡工程術語

        互聯網中把信息從源地址發送到目的地

二、路由進化的三個階段

    2.1  後端路由

           頁面請求不同路徑的內容時，交給服務器來處理，服務器渲染好整個頁面並且返回客戶端

   2.2  前端路由

           後端提供api，前端使用ajx獲取數據，通過javascript將數據渲染到頁面

          前後端更清晰，明了

   2.3 單頁面富應用  simple page application

        spa在前後端分離基礎上加前端路由

       由前端維護路由規則（前端url-->頁面映射）

三、前端路由url的處理方式

      3.1 URL的hash->錨點（#）  

            改變window.location的href的屬性

            直接賦值location.hash 來改變href，頁面不刷新

      3.2 html5的history

           history.pushState({},'','home')//和棧原理比較類似

           history.back()//返回到上一頁

          history.replaceState({},'','home')//不留痕跡

          history.go(-1)//返回或者直接到指定的頁面

          history.forward()//