我们从destroyed的字面意思可知,中文意为是“销毁”的意思,当我们离开这个页面的时候,便会调用这个函数(具体可以看看vue的的生命周期),我们常用来销毁一些监听事件及定时函数,例如:
// 销毁监听事件 destroyed() { window.removeEventListener('resize', this.resizeWin) }
从上函数可知,当用户离开页面的时候便会销毁监听事件。
补充知识:vue页面刷新时,执行了哪些生命周期——谨慎使用beforeDestroy和destroyed
先来回顾一下vue实例的生命周期(以下图片来自官方文档)。
我的项目中某个组件在localstorage中存了数据,要求离开页面时需要把localstorage中相应的数据清空。于是我将清空storage的代码写在了beforeDestroy中。但在刷新页面时,storage并没有被清空。
经过测试发现,在页面刷新时,实例依次执行了beforeCreate(),created(),beforeMount(),mounted(),beforeUpdate(),updated()。并没有来得及执行destroy,与把页面关闭再重新打开的效果是一样的。所以在beforeDestroy或destroyed时执行的代码,要额外考虑一下对页面刷新的处理。
以上这篇vue中destroyed方法的使用说明就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
标签:
vue,destroyed方法
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“vue中destroyed方法的使用说明”评论...
更新动态
2024年04月29日
2024年04月29日
- dnf符文怎么快速毕业
- 《原神》4.6振晶的应用研究活动介绍
- 《百英雄传》全人物加入条件汇总
- 《护林猿神》游戏特色玩法介绍
- 罗美玲.2007-我是罗美玲【华研国际】【FLAC+CUE】
- 弦子.2010-天真【喜欢音乐】【WAV+CUE】
- 翁倩玉.1973-风儿多可爱【海山】DTS【WAV分轨】
- 口碑回暖极具潜力!《恶意不息》媒体赞誉宣传片释出
- 《剑星》开发商谈公司DNA:开玩笑称是臀部
- 走近科学能拍三集:无人的祭祀用品店夜间突然起火
- 达达乐队.2000-天使【华纳】【WAV+CUE】
- 翁立友.2011-梦世间经典集【豪记】【WAV+CUE】
- 陈芯怡.2023-漫行日志【鼎乐】【FLAC分轨】
- 韩宝仪《舞女泪》24K黄金母盘直刻 正版CD低速原抓[WAV+CUE][463M]
- 群星《2024上海国际高端音影展纪念版CD》[WAV分轨][415M]