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>