当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

Vue.js onUnmounted()用法及代码示例


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

类型 

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

细节

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

  • 它的所有子组件都已卸载。

  • 所有相关的反应效果(渲染效果和在 setup() 期间创建的计算/观察者)都已停止。

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

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

示例 

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

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

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

相关用法


注：本文由纯净天空筛选整理自vuejs.org大神的英文原创作品 onUnmounted()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。