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' 生命周期钩子