vue页面刷新时,执行了哪些生命周期——谨慎使用beforeDestroy和destroyed
在页面刷新时,并没有来得及执行destroy,与把页面关闭再重新打开的效果是一样的。
·
先来回顾一下vue实例的生命周期(以下图片来自官方文档)。
我的项目中某个组件在localstorage中存了数据,要求离开页面时需要把localstorage中相应的数据清空。于是我将清空storage的代码写在了beforeDestroy中。但在刷新页面时,storage并没有被清空。
经过测试发现,在页面刷新时,实例依次执行了beforeCreate(),created(),beforeMount(),mounted(),beforeUpdate(),updated()。并没有来得及执行destroy,与把页面关闭再重新打开的效果是一样的。所以在beforeDestroy或destroyed时执行的代码,要额外考虑一下对页面刷新的处理。
更多推荐
已为社区贡献17条内容
所有评论(0)