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

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

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

onBeforeUnmount(() => {
  clearInterval(timer)
  timer = null;
})
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14