Vue unmounted 生命周期钩子

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

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

unmounted 从 DOM 中移除组件后，将调用生命周期钩子。

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

注意：在上面的例子中，在我们看到组件被移除之前，会出现警告框。这是因为首先从 DOM 中删除组件，然后显示警报，最后，当您在警报框中单击 "OK"，浏览器会在 DOM 中呈现不包含组件的页面。