切換路由元件和顯示隱藏一般元件都能達到切換檢視的效果，那麼到底什麼場景下該用子路由，什麼場景下該使用子元件呢？

首先對比一下：

　　1. 路由元件：

　　　　vue-router 底層其實是用 hash 和 history api 來模擬瀏覽器的路由（前進，後退，重新整理）行為的。傳統的頁面跳轉我們可能會這樣做，比如從 a.html 跳轉到 b.html ： a.html <a href="./b.html"> go b.thml </a> 那麼元件模式下呢，比如有 a.vue 跳轉到 b.vue 元件： a.vue <router-link to="/b"> go b.vue <router-link> 可以看出，路由的主要作用是讓我們實現了單頁面開發中的“多頁面”間切換效果。

　　2. 一般元件：

　　　　整個 component 檔案為一個頁面，要是有多個所需要展示的不同頁面，也可以用 顯示隱藏 效果來呈現

所以可以看出：

　　路由是對應功能頁面級別。比如XXX查詢列表頁面。這個頁面上有新增，修改，刪除等等，在一個頁面上，可能元素比較多，比如有多個tab。如果程式碼都寫在這個vue檔案裡，行不行？行！但可讀性和擴充套件性比較差。通常為了結構更清晰採用元件的方式。

　　總的來說：

　　　　頁面需要跳轉？　　用路由

　　　　頁面根據不同的狀態展示不同的內容？　　用一般元件。