vue切换导航后选择效果跟着切换

在初始的版本中没有使用 ui 框架，然后测试 bug 的时候发现，点击导航的时候，需要第二次才可以到达选择的效果。因为从一个路由到另外一个路由的时候刷新了页面。网上有很多的实现的方式。
第一种，使用本地存储配吧。(就觉得麻烦)
第二种，不刷新组件，(没思路，没想法)

接下来写我实现方式（可能个人习惯。一般遇见问题先弄个 dome，然后再应用到项目中）所以只贴出 dome 的代码
在头部的组件中
模板

数据

方法

这个是重点

然后在需要的地方导入组件就行了。

我应该是最懒的那个人，贴代码调板块麻烦，身为小菜鸟就直接贴图了。
如有其他方法，欢迎给建议。