vue项目优化之按需引入组件和事件及时销毁_vue addeventlistener事件销毁

作者：繁依Fanyi0 | 2024-03-12 06:35:34

踩

vue addeventlistener事件销毁

按需引入组件


 import Vue from 'vue';
 import { Button, Select } from 'element-ui';
 
 Vue.use(Button)
 Vue.use(Select)

事件及时销毁

Vue 组件销毁时，会自动清理它与其它实例的连接，解绑它的全部指令及事件监听器，但是仅限于组件本身的事件。如果在 js 内使用 addEventListene 等方式是不会自动销毁的，我们需要在组件销毁时手动移除这些事件的监听，以免造成内存泄露，


created() {
  addEventListener('click', this.click, false)
},
beforeDestroy() {
  removeEventListener('click', this.click, false)
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/222732