根據不同的url地址展示不同的內容或頁面，前端路由就是把不同路由對應不同的內容或頁面的任務交給前端做，之前是通過服務端根據url不同返回不同的頁面實現的。
什麼時候使用？
在單頁面應用，大部分頁面結構不變，只改變部分內容的使用。
前端路由優缺點：
優點：使用者體驗好，不需要每次從伺服器全部獲取
缺點：1.不利於seo 2.使用瀏覽器前進後退的時候會重新請求，沒有合理利用快取
3.單頁面無法記住之前滾動的位置，無法在前進後退時記住滾動條位置

動態路由：

router/index.js:

GoodsList.vue:

效果:

前端路由實際上是對history的封裝 , 在控制檯輸入history.pushState("sss","ddd","/admin")：

傳入goodsId：

巢狀路由：

注意router-link裡的to="/goods/title"，跟router/index裡不寫前面的goods有區別。

程式設計式路由：通過js來實現頁面的跳轉：

$router.push("name")

$router.push({path:"name"})

$router.push({path:"name?a=123"})或者$router.push({path:"name",query:{a:123}})

$router.go(1)或$router.go(-1) 

第一種方式、

第二種方式、

注意上圖中接收引數的方式

命名路由：

傳入cartId：