onUnmounted()

注册一个回调，在组件被卸载后，调用。

类型

function onUnmounted(callback: () => void): void

细节

在以下情况下，组件被视为已卸载：

• 它的所有子组件都已卸载。
• 其所有相关的响应效果（渲染效果和在setup()期间创建的计算/观察者）都已停止。

使用此钩子清除手动创建的effect副作用，例如计时器、DOM 事件侦听器或服务器连接。

在服务器端渲染期间，不会调用此挂钩。

例子

<script setup>
import { onMounted, onUnmounted } from 'vue'

let intervalId
onMounted(() => {
  intervalId = setInterval(() => {
    // ...
  })
})

onUnmounted(() => clearInterval(intervalId))
</script>