VUE設置定時訪問

VUE設置定時訪問

---

1、循環執行（setInterval）

每秒持續一次query方法。

<script>
  export default {
	    data() {
		      return {
		       	 	timer: '',
		      };
	    },
	    methods: {
		       query() {
		        	console.log("測試");
		      }
	    },
	    mounted() {
	      	this.timer = setInterval(this.query, 1000);
	    },
	    beforeDestroy() {
	      	clearInterval(this.timer);
	    }
  };
</script>

2、定時執行（setTimeout）

通過setTimeout定時執行，等待一秒後執行，一般用於延時執行。

<script>
  export default {
	    data() {
	      return {
	        timer: '',
	      };
	    },
	    methods: {
	      query() {
	        	console.log("測試");
	      }
	    },
	    mounted() {
	      		this.timer = setTimeout(this.query, 1000);
	    },
	    beforeDestroy() {
	      		clearTimeout(this.timer);
	    }
  };
</script>