• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 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>