在上篇已經講述了腳手架的安裝，這篇就深入的理解的腳手架給我帶來的方便吧！

首先我們看一下vue元件的結構，看這張圖，會發現vue檔案中無非就是html，js和css的結合。

我們再來了解一下腳手架中檔案的用途：

在裡面我已經加上了註釋：

 終於要進入正題了！！！！

腳手架的一級路由和二級路由的使用：

1.一級路由：

(1).在components檔案中，建立好我們需要的xxx.vue檔案，在index.js中進行引入和配置

(2). 在訪問對應的配置path路徑時，想要在哪裡顯示路由對應的元件(xxx.vue) ，就在

哪裡寫<router-view/> 標籤

(3)  path：'/' 預設為顯示; 

2:二級路由：

(1): 在對應的一級元件下建立好vue檔案

(2): 確定在哪個一級路由頁面進行二級路由頁面的切換，比如我們要是在good.vue頁面裡進行

二級路由的使用，所以就在good.vue中，在對應的位置使用<router-view/> 標籤來顯示二級路由

(3): 在index.js中配置我們的二級路由規則

(4): 注意在一級路由的json物件中新增children:[ ] 來設定二級路由規則

下面請大家看一下圖，根據上面的文字進一步理解：

這個就是一級路由的app.vue元件！  在最大的div中配置<router-view/> 標籤，

根據標籤，進入下一級路由。

在a標籤中寫上路徑 "#/xxx"。

看下面的圖，這個路徑是主頁，我們會發現8080後有/#/

如果a標籤中不寫 # ，路徑就會拼到8080的/後面。當然會顯示不出頁面，# 的作用也就顯現出來了。

這個頁面是components下的二級路由元件。同上，也需要<router-view/> 標籤，進入下一級。

在index.js中配置我們的一，二級路由規則。

把需要顯示的一級路由寫在routes中，一級路由下的二級路由需要用到children

如果還不懂一級路由和二級路由，就點開餓了麼，感受一下，一級路由到二級路由的過程。

自己熟悉一級路由二級路由的邏輯就好了。