项目中定时刷新数据，重新渲染页面

需求: 每隔一分钟自动刷新一下当前页面，同时发送请求，重新渲染数据，以到达实时更新。

首先我们知道：

js有两种定时器

setInterval(function(){}, milliseconds)——会不停的调用函数

setTimeout(function(){}, milliseconds)——只执行函数一次

这么一对比，可知：

（1）setInterval会符合我们的业务需求，然而也需要注意一些坑，单纯的使用setInterval会导致页面卡死！其原因与JS引擎线程有关, 用通俗话说就是setInterval不会清除定时器队列，每重复执行1次都会导致定时器叠加，最终卡死你的网页。

（2）setTimeout是自带清除定时器的

所以，汇合的办法就是：

<div>{{Num}}</div>


data(){
  return {
       timer:null, //定时器名称
       num:1
    }
},
mounted(){
   this.init();
   this.timer = setInterval(() => {
       setTimeout(this.init, 0)
   }, 1000*60)
},
methods: {
   init(){
    num++
   },
},
beforeDestroy(){
   clearInterval(this.timer);        
   this.timer = null;
}