相思资源网 Design By www.200059.com
我们从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方法
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无vue中destroyed方法的使用说明的评论...