VUE中定时器如何使用?

  1. 定时器的创建和使用
  data() {
    return {
      timer:"",
      value:0
    }
  },
  
    methods: {

    timelog()
    {
      this.value++;
      console.log(this.value);
    }
  },
  
   mounted(){
   // 设置用间隔时间1s,每隔一秒调用一次。
    this.timer = setInterval(this.timelog,1000);
  },
  1. 定时器的销毁
beforeDestroy()
  {
    clearInterval(this.timer)
  }
  • 定时器 setTimeout()方法 和 setInterval() 使用方法相同,区别是setTimeout() 执行一次。

你可能感兴趣的:(VUE中定时器如何使用?)