vue中的路由

1、路由簡介

路由，其實就是指向的意思，vue的單頁面應用是基於路由和組件的。

2、路由的種類

靜態路由（本人自認爲）、動態路由、嵌套路由等

3、路由的使用

1. 在src的components內建立.vue文件，實現須要後續配置路由的頁面的基本配置，並在主頁面即helloworld.vue定義<router-link><router-view>來實現點擊部分和顯示部分。
2. 在src目錄下，建立router.js文件，實現對自定義路由的管理。
3. 將路由注入main.js根實例中，便可跑出掛在app.vue裏的組件了。

摘記重點：

　路由中有三個基本的概念 route, routes, router。

1. route，它是一條路由，由這個英文單詞也能夠看出來，它是單數，例如： Home按鈕  => home內容， 這是一條route,  about按鈕 => about 內容， 這是另外一條路由。
2. routes 是一組路由，把上面的每一條路由組合起來，造成一個數組。例如：[{home 按鈕 =>home內容 }， { about按鈕 => about 內容}]
3.  router 是一個機制，至關於一個管理者，它來管理路由。由於routes 只是定義了一組路由，它放在哪裏是靜止的，當真正來了請求，怎麼辦？ 就是當用戶點擊home 按鈕的時候，怎麼辦？這時router 就起做用了，它到routes 中去查找，去找到對應的 home 內容，因此頁面中就顯示了 home 內容。
4. 客戶端中的路由，實際上就是dom 元素的顯示和隱藏。當頁面中顯示home 內容的時候，about 中的內容所有隱藏，反之也是同樣。客戶端路由有兩種實現方式：基於hash 和基於html5 history api.

參考博客連接：https://www.cnblogs.com/SamWeb/p/6610733.html

路由官方介紹連接：https://router.vuejs.org/zh-cn/essentials/dynamic-matching.html