【Ant-Deisgn-Vue | 轮询】定时保存信息，退出页面停止，进入页面开始

项目场景：

1，进入页面，开始轮询；
2，退出页面，终止轮询；
3，进入页面读取缓存渲染；
4，执行其他方法清除缓存；

---

功能分析：

1，setInterval 2，window 3，clearInterval

//定义载体Timer
window.clearInterval(this.Timer);
this.Timer = window.setInterval(()=>{
	this.SettimeZancun();
},10000)

暂存方法

//存储信息
SettimeZancun(){
	let infobox = {'name':'张三'};
	localStorage.setItem('keyName', JSON.stringify(infobox ));
}

watch监听路由切换

$route(to,from){
   console.log(to,'----old');
   console.log(from,'----news');
   let paggg_path = '当前页面路由'
   if(from.fullPath == paggg_path ){
     console.log(`跳出,停止函数`);
     window.clearInterval(this.Timer);
   }else if(to.fullPath == paggg_path ){
   	//清除历史方法，加载新的方法
        window.clearInterval(this.Timer);
       this.Timer = window.setInterval(()=>{
           this.SettimeZancun();
       },10000)
       console.log(`获取缓存信息填充,---------------------`,JSON.parse(localStorage.getItem('keyName')));
     }
   }
 }

清除缓存

localStorage.removeItem('zancun');

---

内容总结：

1，window对象对AntDesignVue的使用；
2，在合理的位置使用合理的逻辑执行或清除信息