Vue unmounted 生命周期挂钩

使用unmounted生命周期钩子用于在组件从 DOM 中删除时创建警报。

<script>
export default {
    unmounted() {
        alert("The component is removed (unmounted)!");
  }
}
</script>

定义和用法

这个unmounted生命周期钩子在组件从 DOM 中删除后被调用。

例如，此挂钩可用于删除事件侦听器或取消计时器或间隔。

笔记：在上面的示例中，在我们看到组件被删除之前就出现了警报框。这是因为，首先组件会从 DOM 中删除，然后会出现警报，最后，当您单击警报框中的 "OK" 时，浏览器会呈现没有 DOM 内组件的页面。