在上篇已經講述了腳手架的安裝，這篇就深入的理解的腳手架給我帶來的方便吧！
首先我們看一下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
如果還不懂一級路由和二級路由，就點開餓了么，感受一下，一級路由到二級路由的過程。
自己熟悉一級路由二級路由的邏輯就好了。