vue3销毁生命周期
时间: 2023-11-19 19:05:53 浏览: 95
浅析Vue 生命周期
5星 · 资源好评率100%
Vue3中的销毁生命周期函数是`unmounted`,它在组件卸载之后被调用。在`unmounted`函数中,你可以执行一些清理工作,例如取消订阅、清除定时器、解绑事件等。下面是一个示例代码:
```vue
<template>
<div>
<!-- 组件内容 -->
</div>
</template>
<script>
export default {
// 组件创建时调用
created() {
// 订阅事件
this.$bus.$on('event', this.handleEvent)
},
// 组件销毁时调用
unmounted() {
// 取消订阅
this.$bus.$off('event', this.handleEvent)
},
methods: {
handleEvent() {
// 处理事件
}
}
}
</script>
```
阅读全文