1. 頁面打開權限流程
頁面是否能打開有以下兩點判斷：
1. 判斷是否增加登陸的判斷
a)True：進入判斷是否有登陸的流程
b)False：直接頁面頁面
2. 根據登陸判斷，判斷是否已經登陸成功或者失敗
a)判斷是否已經登陸，如果登陸則進入頁面
b)判斷是否已經登陸，如果未登入則進入登陸頁面
2. 過渡動效
<router-view> 是基本的動态元件，是以我們可以用 <transition> 元件給它添加一些過渡效果：
3. 資料擷取
有時候，進入某個路由後，需要從伺服器擷取資料。例如，在渲染使用者資訊時，你需要從伺服器擷取使用者的資料。我們可以通過兩種方式來實作：
1.導航完成之後擷取
先完成導航，然後在接下來的元件生命周期鈎子中擷取資料。在資料擷取期間顯示“加載中”之類的訓示。
2.導航完成之前獲
導航完成前，在路由進入的守衛中擷取資料，在資料擷取成功後執行導航。
從技術角度講，兩種方式都不錯 —— 就看你想要的使用者體驗是哪種。
滾動行為
使用前端路由，當切換到新路由時，想要頁面滾到頂部，或者是保持原先的滾動位置，就像重新加載頁面那樣。 vue-router 能做到，而且更好，它讓你可以自定義路由切換時頁面如何滾動。
注意: 這個功能隻在支援 history.pushState 的浏覽器中可用。
路由懶加載
當打包建構應用時，JavaScript 包會變得非常大，影響頁面加載。如果我們能把不同路由對應的元件分割成不同的代碼塊，然後當路由被通路的時候才加載對應元件，這樣就更加高效了。
結合 Vue 的異步元件和 Webpack 的代碼分割功能，輕松實作路由元件的懶加載。
首先，可以将異步元件定義為傳回一個 Promise 的工廠函數 (該函數傳回的 Promise 應該 resolve 元件本身)：
第二，在 Webpack 2 中，我們可以使用動态 import文法來定義代碼分塊點 (split point)：
把元件按組分塊
有時候我們想把某個路由下的所有元件都打包在同個異步塊 (chunk) 中。隻需要使用 命名 chunk，一個特殊的注釋文法來提供 chunk name (需要 Webpack > 2.4)。
Webpack 會将任何一個異步子產品與相同的塊名稱組合到相同的異步塊中。
登陸注冊完整流程
1.開發場景描述：
我們在真實的開發中，有一種情況是如下，項目是從零開始的，此時背景與前台是同時開發，前台在開發的時候，由于背景也是剛剛開始的，是以我們需要自己去模拟資料，以前我們接觸過此種方式，叫Mock。在外面的Vue中，同樣可以實作mock的操作模拟資料
JSON Web Token 入門教程
http://www.ruanyifeng.com/blog/2018/07/json_web_token-tutorial.html