Vue 'unmounted' 生命周期钩子
示例
使用 unmounted 生命周期钩子在组件从 DOM 中删除时创建警报。
<script>
export default {
unmounted() {
alert("The component is removed (unmounted)!");
}
}
</script>
定义和用法
从 DOM 中删除组件后，将调用 unmounted 生命周期钩子。
例如，此钩子可用于删除事件侦听器或取消计时器或间隔。
注意:在上面的示例中，在我们看到组件被删除之前就出现了警告框。 这是因为，首先组件会从 DOM 中删除，然后会出现警报，最后，当您在警报框中单击"确定"时，浏览器将渲染没有 DOM 内组件的页面。
相关页面
Vue 教程: Vue 生命周期钩子
Vue 教程: 'unmounted' 钩子
Vue Reference: Vue 'beforeUnmount' 生命周期钩子
