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

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

官方文檔請點(diǎn)擊這里

先看效果：

運(yùn)行查看效果

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

## vue-router

第一步當(dāng)然是安裝了，用npm安裝命令 

延伸閱讀

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