前文相关：
接上文，第1讲中介绍了Vue是什么，怎么运行起来，并且实际跑了一个Vue默认框架，并根据自己喜好进行了修改。大家有没有很激动呢？
本文咱们更深一步，去完成和实现一些比之前更多更丰富的功能。比如下图的导航栏标签，每个标签对应一个页面，当点击该标签时，就显示当前标签对应的页面，这个就需要用到路由功能...
首先实现导航栏标签，我们在主场景APP.vue当中，写下列代码：
就会生成导航栏标签，并且使用了router-link将每个标签与一个页面路由对应起来，从代码不难看出，默认页面是Home标签，如下所示：
大家可以切换一下页面，看下效果，比如点击导航栏About标签，效果如下:
点击修改颜色标签：
点击勾选框，可以修改字体颜色：
点击办公电话标签，打开办公电话页面：
现在大家想再增加一个导航栏标签，比如叫冰岩编程，应该怎么实现呢，很简单，只需4步，大家可以跟着一起操作。
第一步：在views文件夹下新建一个vue文件，比如命名4.vue
第二步：在原来的App.vue基础上增加“冰岩编程”导航栏标签，并将标签与大家刚才新建的4.vue页面的url对应起来，如下所示：
第三步：在4.vue文件里，写冰岩编程标签所对应的页面想要显示的内容。比如显示一张冰岩编程的海报。
第四步：在router路由文件里，将url和4.vue页面绑定起来。
经过以上四步，就可以啦，大功告成，大家可以看看效果，导航栏里面已经增加了冰岩编程标签，点击该标签，就会显示我们刚才新建的页面，里面内容是一张冰岩编程的海报：
