在vue中如何跳转同级页面还能保留其他同级页面的消息提示？

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

有四个文件，由于设计稿原因，需要放在一个根目录下!

。每个页面的顶部tab代码如下

<router-link to='/customer/index' class="customer-tab-active">1</router-link>
<router-link to='/customer/index/custom'>2</router-link>
<router-link to='/customer/index/make'>3</router-link>
<router-link to='/customer/index/yelp'>4</router-link>
 </li>

不同的是每个页面我设置的class=》customer-tab-active。（蓝底就是加了class，当前页）
（橙色就是消息提示）
需要解决的问题是，由于是路由跳转，所以在3或者4的消息提示在其他页面打开的时候就消失了（如下图）。有什么比较好的解决办法吗，如果没有我就只能通过页面之间传值。

谢谢大神帮我这个小白费神