傳統的頁面應用，是用一些超連結來實現頁面切換和跳轉的。而vue的單頁面應用是基於路由和元件的，路由用於設定訪問路徑，並將路徑和元件對映起來。
路由中有三個基本的概念 route, routes, router。
1， route，它是一條路由，由這個英文單詞也可以看出來，它是單數， home按鈕 => home內容， 這是一條route, about按鈕 => about 內容， 這是另一條路由。
2， routes 是一組路由，把上面的每一條路由組合起來，形成乙個陣列。[， ]
3， router 是乙個機制，相當於乙個管理者，它來管理路由。因為routes 只是定義了一組路由，它放在**是靜止的，當真正來了請求，怎麼辦？ 就是當使用者點選home 按鈕的時候，怎麼辦？這時router 就起作用了，它到routes 中去查詢，去找到對應的 home 內容，所以頁面中就顯示了 home 內容。
4，客戶端中的路由，實際上就是dom 元素的顯示和隱藏。當頁面中顯示home 內容的時候，about 中的內容全部隱藏，反之也是一樣。客戶端路由有兩種實現方式：基於hash 和基於html5 history api.
在vue中實現路由還是相對簡單的。因為我們頁面中所有內容都是元件化的，我們只要把路徑和元件對應起來就可以了，然後在頁面中把元件渲染出來。
1， 頁面實現（html模版中）
在vue-router中, 我們看到它定義了兩個標籤和來對應點選和顯示部分。就是定義頁面中點選的部分，定義顯示部分，就是點選後，區配的內容顯示在什麼地方。所以 還有乙個非常重要的屬性 to，定義點選之後，要到**去， 如：home
2， js 中配置路由
首先要定義route, 一條路由的實現。它是乙個物件，由兩個部分組成： path和component. path 指路徑，component 指的是元件。如：
我們這裡有兩條路由，組成乙個routes:
const routes = [, ]
最後建立router 對路由進行管理，它是由建構函式 new vuerouter() 建立，接受routes 引數。
const router = new vuerouter()
配置完成後，把router 例項注入到 vue 根例項中,就可以使用路由了
router
執行過程：當使用者點選 router-link 標籤時，會去尋找它的 to 屬性， 它的 to 屬性和 js 中配置的路徑 path 一一對應，從而找到了匹配的元件， 最後把元件渲染到 標籤所在的地方。所有的這些實現才是基於hash 實現的。
從零開始學習Express二 路由
路由是什麼 以我自己的理解，通俗易懂的講路由就是使用者訪問我們時候的乙個入口。包括兩部分，乙個位址，乙個動作。位址通常以uri形式出現，例如乙個 動作的話包括 get post put delete等等，通常我們訪問乙個 就是get了乙個 位址。明白了路由之後，我們就知道了其重要性，沒有路由，使用者...
RabbitMQ 實戰教程（四） 路由
channel.queuebind queuename,exchange name,繫結是建立交換器和佇列之間的關係。這可以簡單地理解 佇列對該交換器上的訊息感興趣。為了避免與 basicpublish 方法的引數混淆，我們將其稱為繫結鍵。下面是我們如何用乙個繫結鍵建立乙個繫結 channel.qu...
從零開始Vue專案實戰（一） 準備篇
從前參與過乙個react專案的 編寫，大神搭建的框架，我主要負責業務邏輯 編寫，現在回想起來似乎又什麼都不會，現在為了鞏固前端知識，決定用vue來做這個專案的移動端 我本人vue是從零開始的，一邊學習一邊寫 在這裡記錄一下過程。主要功能實現乙個投資平台，會員身份為融資人或投資人 不能有兩種身份 融資...