Vue中destroyed方法究竟在组件销毁时扮演什么关键角色？

本文共计383个文字，预计阅读时间需要2分钟。

从destroyed函数的字面意思可知，中文意为销毁。当我们离开这个页面时，可能会调用这个函数（具体可以看看vue的生命周期）。我们常用它来销毁一些监听事件及定时函数。

我们从destroyed的字面意思可知，中文意为是“销毁”的意思，当我们离开这个页面的时候，便会调用这个函数(具体可以看看vue的的生命周期)，我们常用来销毁一些监听事件及定时函数，例如：

// 销毁监听事件 destroyed() { window.removeEventListener('resize', this.resizeWin) }

从上函数可知，当用户离开页面的时候便会销毁监听事件。

补充知识：vue页面刷新时，执行了哪些生命周期——谨慎使用beforeDestroy和destroyed

先来回顾一下vue实例的生命周期（以下图片来自官方文档）。

我的项目中某个组件在localstorage中存了数据，要求离开页面时需要把localstorage中相应的数据清空。于是我将清空storage的代码写在了beforeDestroy中。但在刷新页面时，storage并没有被清空。