【记录】打开多个标签页同一个模块、同一个本地缓存要求刷新后数据各不一样。

场景描述：
自动化平台部署应用，但部署需要一定的时间，使用人员打开了多个标签页部署。

问题描述：
使用的依赖数据，采用的是本地缓存，要区分不同需要退到上一步，重新进入。否则的话刷新后模块数据都会一样。

需求描述：
打开多个标签页，进入模块部署，并且再同一个模块下使用的同一个 localStorage 但是数据却各不相同。

解决思路：
1、保存一份原始数据（Array）,利用浏览器页面缓存的机制，当切换到当前标签页的时候，当前页面被激活，但是页面上的值确实旧的，获取到这个旧值，例如（name）,来对原始值进行匹配，拿到目标数据后重新 set 赋值一遍即可。

2、使用路由 query 参数实现，在 create 使用获取后赋值即可；

this.$router.push({query:{id:'',name:''}})

create(){
  const {id,name} = this.$route.query;
  this.routeId = id;
  this.routeName = name;
}

3、使用 sessionStorage.setItem('id',1)