1,更改main.js

2,在App.vue中,寫入兩個跳轉鏈接(router-link),分別跳轉到“home”“About” (home、About即分別是兩個組件)
----其中,為什么要使用<router-link></router-link>, 請移步:http://router.vuejs.org/zh-cn/api/router-link.html
----router-view路由視圖(必須)
----css可以使用外部樣式

3,app.vue的樣式如圖。
----.router-link-active這個class,是當路由path指向當前組件時自動生成的,可以在此處設置樣式(選中狀態)

4,新建Home組件,並寫入內容,About同理。

5,開始寫路由文件,新建一個router.js,如圖。

6,新建一個routes.js,如圖。(實際上,routers.js中的內容,可以直接寫在router.js中,代替routes中的內容即可。而為了結構清晰,分開寫更便於管理)

7,最終效果如圖


8,更多關於路由說明,可以查看 http://router.vuejs.org/zh-cn/essentials/getting-started.html
