小结放在前：先祝大家新年快乐！鸡年大吉大利！在新的一年里大家都有跳跃般的成长！作为新年的第一篇文章，就拿他来给大家拜个年！！！文章前部份讲解了vue-router路由的配置，后半部分为去年的文章vue.js快速入门添加了两个知识点 props 和 $emit 组件间的通信，希望大家看完有所收获！！！

使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生

官方文档请点击这里

先看效果：

运行查看效果

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

## vue-router

第一步当然是安装了，用npm安装命令 

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式