Vue 'unmounted' 生命周期钩子
示例
使用 unmounted 生命周期钩子在组件从 DOM 中移除时创建警报。
<script>
export default {
unmounted() {
alert("The component is removed (unmounted)!");
}
}
</script>
定义和用法
组件从 DOM 中移除后，会调用 unmounted 生命周期钩子。
此钩子可以用于移除事件监听器，或取消计时器或间隔。
注意：在上面的示例中，警报框在我们可以看到组件被移除之前就出现了。这是因为首先组件从 DOM 中移除，然后出现警报，最后，当你点击警报框中的“确定”时，浏览器渲染页面，DOM 中不再包含该组件。
相关页面
Vue 教程：Vue 生命周期钩子
Vue 教程：'unmounted' 钩子
Vue 参考：Vue 'beforeUnmount' 生命周期钩子
