vue3 setup语法糖下的定时器的设定与销毁

1,637 阅读1分钟

如果在组件中需要使用定时器,注意在销毁组件的时候,要对定时器进行销毁,否则时间长了会导致页面卡顿。

<script setup>
onMounted(() => {
  let timer = null;
//每5s刷新数据
  timer = setInterval(() => {
    getAmount();
  }, 5000);
})

onBeforeUnmount(() => {
  clearInterval(timer)
  timer = null;
})
</script>