什麼是路由
路由是乙個網路工程裡面的術語
路由就是通過網路把資訊從源位址傳輸到目的地的活動 — 維基百科
後端路由
是url和後端邏輯的對應關係
前端路由
是url和元件的對應關係
前端路由核心就是改變url但是頁面不進行整體的重新整理
vue-router
vue-router是vue官方的路由外掛程式 它和vue.js是深度整合的，適合用於構建單頁面應用
官網 vue是基於路由的元件的
路由用於設定訪問路徑，將路徑和元件對映起來
在vue-router的單頁面應用中，頁面的路徑改變就是組建的切換
前端路由規則
history介面是html5新增的, 它有五種模式改變url而不重新整理頁面
history.replacestate({},'','url')
history.back()
history.forward()
history.go()
單頁面應用步驟七步驟：
1、引入js檔案(vue和vuerouter)
2、使用 router-link 元件來導航
通過to屬性來指定鏈結
router-link缺省會被渲染成乙個超連結標籤
棒棒糖3、設定路由出口
將路由匹配到的元件渲染到元件裡
隨專案情況而視，可寫可不寫外層盒子作用：通過vue的解析，解析成a標籤 點選過後切換元件的顯示，而顯示的元件是有to屬性來控制的
router-view元件也是vuerouter提供的元件，對應的是位址指向的元件渲染
4、寫元件（定義路由元件，此元件可以從其他資料夾import進來）
const foo = ]6、建立router例項，傳入routes配置，也可傳入其它配置引數const routes =
const router = new vuerouter()7、掛載到根例項化,通過 router 配置引數注入路由,從而讓整個應用都有路由功能
案例
12341011
1219
2021
23棒棒糖
24水果糖
25奶糖
通過這個簡單的案例我們可以看出來，只要記住這七個步驟，就可以簡單的實現單頁面應用的導航元件，點選第幾個router-link元件，相對應的元件出現對映的內容
可以在列印台清晰明了的看見布局，router-link和router-view元件之間的關係
vue router 的最基本介紹
建立單頁應用，最主要的是路由。作用 我們需要將元件 components 對映到路由 routes 然後告訴路由在哪個地方去渲染元件 vue router的使用步驟 1.安裝 安裝的方式分為兩種 script標籤的引入 b 使用npm 進行安裝 進入專案檔案，右擊 git bash 輸入命令 npm...
vue router的基本使用
基本使用步驟 script 新增路由鏈結 router link是vue中提供的標籤，缺省會被渲染為a標籤 to屬性缺省會被渲染為 href 屬性 to屬性的值缺省會被渲染為 開頭的hash位址 user router link 新增路由填充位 路由填充位 也叫路由佔位符 將來通過路由規則匹配到的元...
vue Router基本使用
在建立過程中，路由元件和普通元件是一模一樣的，使用方法不一樣。所有的路由配置放在一起應該是個陣列，單個的路由配置應該是個物件，物件中有很多固定的屬性 表示路由路徑，配置後可以去訪問對應的路由，並且將對應的元件顯示在 router view 中 表示路由元件的配置，和path一一對應，當匹配到對應的p...