vue.js怎么让网页定时刷新-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

vue.js让网页定时刷新的方法：1、执行函数【setTimeout(function(){}, milliseconds)】；2、在执行定时器前先执行一次获取接口数据的操作函数。

【相关文章推荐：vue.js】

vue.js让网页定时刷新的方法：

js有两种定时器

setInterval(function(){}, milliseconds)――会不停的调用函数
setTimeout(function(){}, milliseconds)――只执行函数一次

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

但是setTimeout是自带清除定时器的，因此正确解决方法如下：

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