當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文

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()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。