How to destroy events by vue

This article will explain in detail how to destroy events in vue. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Destruction of events

When a Vue component is destroyed, it automatically unbinds all of its instructions and event listeners, but only for the events of the component itself

For timers, addEventListener registered listeners, etc., they need to be manually destroyed or unbound in the lifecycle hooks of component destruction to avoid memory leaks.

Export default {created () {this.timer = setInterval (this.refresh, 2000) addEventListener ('touchmove', this.touchmove, false)}, beforeDestroy () {clearInterval (this.timer) this.timer = null removeEventListener (' touchmove', this.touchmove, false)}} this article on "how to destroy events by vue" ends here. I hope the above content can be of some help to you. So that you can learn more knowledge, if you think the article is good, please share it for more people to see.