vue局部定时刷新

定时刷新一般都会想到定时器,vue局部定时刷新如下：

一、设置定时器

	timer: "",//定时器
	
	//定时器刷新待办事项
     this.timer = setInterval(() => {
      self.reload();
    }, 1000);

二、局部刷新

 <div class="DealtTop" v-if="isRefreshAlive">
 
 isRefreshAlive: true, //刷新
//局部刷新
    reload() {
      this.isRefreshAlive = false;
      this.$nextTick(function() {
        this.isRefreshAlive = true;
      });
    },

如果是在父子组件中，还需要加上provide / inject配合使用，如下：

 provide() {
    return {
      reload: this.reload
    };
  },

三、清除定时器

destroyed(){
    clearInterval(this.timer);
  },

参考链接（Vue中在组件销毁时清除定时器）
参考链接（vue组件的局部刷新）
参考链接