小結(jié)放在前：先祝大家新年快樂！雞年大吉大利！在新的一年里大家都有跳躍般的成長！作為新年的第一篇文章，就拿他來給大家拜個年?。?！文章前部份講解了vue-router路由的配置，后半部分為去年的文章vue.js快速入門添加了兩個知識點 props 和 $emit 組件間的通信，希望大家看完有所收獲?。?！

使用 Vue.js 做項目的時候，一個頁面是由多個組件構(gòu)成的，所以在跳轉(zhuǎn)頁面的時候，并不適合用傳統(tǒng)的 href，于是 vue-router 應運而生

官方文檔請點擊這里

先看效果：

運行查看效果

注意：我這里用的是 vue-cli 做的演示

## vue-router

第一步當然是安裝了，用npm安裝命令 

延伸閱讀

學習是年輕人改變自己的最好方式-Java培訓,做最負責任的教育,學習改變命運,軟件學習,再就業(yè),大學生如何就業(yè),幫大學生找到好工作,lphotoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網(wǎng)站設(shè)計培訓,網(wǎng)站建設(shè)培訓學習是年輕人改變自己的最好方式