vue项目实现 导航栏 的方式

实现效果：

方式一：利用router-link实现

首先：新建一个组件，将头部导航栏提取出来，使多个组件可以公用一个头部。

代码如下： 

注意事项：

 使用的方法：

方式二：通过点击事件控制index,从而实现点击效果

代码如下：

此方法过于笨拙，不建议使用此方法。