單頁應用程式(SPA)：通過路由系統把組件串聯起來并且只有一個html頁面d的程式，
多頁面應用程式(MPA)：整個應用程式中有多個html頁面，
hash路由和history路由的區別
hash路由有#，背后是監聽onhashchange事件實作的，hash路由部署上線不會出現404.
history路由沒有#，背后是基于history api實作的，histo路由部署上線會出現404問題.
<router-view>和<router-link>(全域組件)
<router-view>視圖容器:name屬性用于指定命令視圖，
<router-link>用于設計選單導航：to屬性用于指定跳轉的目標，tag屬性用于指定渲染什么標簽，默認渲染a標簽，active-class/exact-active-class用于指定選單的高亮樣式，
$route和$router(內置API)
$route路由資訊：this.$route.fullPath/query/params/meta（watch可以監聽$route的變化）
$router路由實體：用于路由跳轉，this.$router.push()向前跳轉，this.$router.replace()向前跳轉，this.$router.back()回傳上一次，
宣告式跳轉和編程式跳轉
宣告式跳轉：就是使用<router-link>跳轉，一般用于選單設計，
編程式跳轉：就是使用$router跳轉，一般用于事件中，
命名視圖和命名路由
命名視圖是給<router-view>加一個name屬性，
命名路由是給{path,component}路由規則取個名字，
query傳參和動態路由傳參
query傳參：在跳轉路由的url后面用?a=1&b=2這種方式傳參，在另一個組件中使用this.$router.query接收，
動態路由傳參：像這樣`{path:'/good/:id',component}`定義路由規則，在這條路由規則中使用this.$route.params接識訓者開啟props:true使用props選項來接收，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/499668.html
標籤：其他
上一篇：正則運算式從入門到入坑
下一篇：Vue初探