vue-router：官方提供的vue路由外掛程式
使用流程：
const routes=[
, //path：路徑 component：元件名,,
]建立路由：
const router =new vuerouter()
匯出：export default router
使用路由：
：路由容器，基於slot的封裝
二級路由
二級路由是和一級路由是兄弟關係，跳轉時頁面會全部覆蓋
const routes=[, ]
巢狀路由
巢狀路由與一級路由是父子關係，可以實現區域性跳轉
const routes=[,,
]}}：路由跳轉，預設為a標籤，tag="li"改變標籤，to="路由"
activeclass="類名"：指定啟用後的樣式，跳轉路由自動啟用css樣式
重定向路由
redirect：
router-link程式設計式和宣告式
宣告式：
程式設計式：this.$router.push("路由")
this.$router.replace("路由") 替換乙個路由 （不記錄到歷史記錄)
this.$router.go() | back() 前進 | 返回
動態路由：
我們經常需要把某種模式匹配到的所有路由，全都對映到同個元件。
動態路由：xx/:變數/xx
路徑的變數會設定在this.$route.params中
模式 匹配路徑 $route.params
/user/:username /user/evan
/user/:username/post/:post_id /user/evan/post/123
history和hash：
建立路由時有乙個mode屬性，預設是hash，代表路徑位址有"#"，若想去掉需要改成 mode:history
但是history路徑容易跟後台介面路徑衝突，如果 url 匹配不到任何靜態資源，則需要後端返回同乙個 index.html 頁面
hash #/home
history /home
const router =new vuerouter()
路由原理：
1. hash路由 ==> location.hash 切換
window.onhashchange 監聽路徑的切換
2. history路由==> history.pushstate 切換
window.onpopstate 監聽路徑的切換
全家桶
vue cli
vue router
vuex
vue路由介紹
2.前端路由的使用 前端路由 由前端實現以上功能，前端只存在d單頁面首頁index.htm 規定url格式，獲取url內容 使用場景 共用頁面，如商品詳情，只是商品的id不同 模式匹配路徑 route.params user username user enent user username pos...
Vue路由使用
路由是以外掛程式的形式引入到我們的vue專案中來的 vue router是vue的核心外掛程式 1 建立路由物件 var router new vuerouter 2 配置路由規則 router.addroutes 路由物件 路由物件 3 將配置好的路由物件交給vue 在options中傳遞 key...
vue 路由使用
1.安裝 2.使用 3.router幾個用法 npm安裝 npm install vue router 1.繫結vue物件 2.非同步載入元件 component import views mysetting person script import vue from vue import rout...