vue中destroyed方法及使用示例讲解

更新时间：2023年06月07日 09:52:19 作者：亲爱的阿乾

这篇文章主要为大家介绍了vue中destroyed方法及使用示例讲解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

正文

// 移除监听事件

destroyed() {
 window.removeEventListener('resize', this.resizeWin)
}

// 移除对dom的操作

destroyed() {
 $("body").removeClass('maven-select');
}

// 由于EventBus不会凭空消失，所以需要销毁EventBus相关定义的事件，否则一直会以指数型方式触发 $emit

destroyed() {
 bus.$off('get', this.myhandle)
}

// 销毁VueX中存储的数据，否则页面不刷新，在页面刚渲染时，一直展示的是上次的数据

destroyed() {
 this.$store.dispatch("cleartList");
}

// 清空浏览器localStorage种植的某些变量

destroyed() {
 window.localStorage.removeItem("ID");
}

// 销毁定时器

destroyed() {
 clearInterval(this.timer);
 this.timer = null;
}

// beforeDestroy 移除echarts的所有鼠标事件以及清空会话

beforeDestroy() {
 this.chartDom.off('click');
 this.chartDom.clear();
}

以上就是vue中destroyed方法及使用示例讲解的详细内容，更多关于vue destroyed方法的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

基于Element-Ui封装公共表格组件的详细图文步骤
在平时开发的时候很多情况都会使用到表格和分页功能,下面这篇文章主要给大家介绍了关于如何基于Element-Ui封装公共表格组件的详细图文步骤,需要的朋友可以参考下
2022-09-09
Vue 进阶之路（三）
这篇文章主要介绍了Vue 进阶之路，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
element vue validate验证名称重复输入框与后台重复验证特殊字符字符长度及注意事项小结【实例代码
这篇文章主要介绍了element vue validate验证名称重复输入框与后台重复验证特殊字符字符长度及注意事项小结,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-11-11
vue监听滚动事件的方法
这篇文章主要介绍了vue监听滚动事件的方法，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下
2020-12-12
Vue组件库ElementUI实现表格列表分页效果
这篇文章主要为大家详细介绍了Vue组件库ElementUI实现表格列表分页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-06-06
详解基于vue-cli优化的webpack配置
本篇文章主要介绍了详解基于vue-cli优化的webpack配置，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-11-11
关于Vue Webpack2单元测试示例详解
这篇文章主要给大家介绍了关于Vue Webpack2单元测试的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面跟着小编来一起学习学习吧。
2017-08-08
Vue中div contenteditable 的光标定位方法
今天小编就为大家分享一篇Vue中div contenteditable 的光标定位方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08
页面内锚点定位及跳转方法总结（推荐）
这篇文章主要介绍了页面内锚点定位及跳转方法总结，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
详解Vue全局组件的挂载之实现弹窗组件
这篇文章主要为大家详细介绍了如何通过Vue全局组件的挂载来实现弹窗组件，文中的示例代码讲解详细，具有一定的借鉴价值，感兴趣的可以了解一下
2022-11-11