vue单页应用的内存泄露定位和修复问题小结

<template>
 <div id="home">这里是首页</div>
</template>
<script>
export default {
 mounted () {
  this.$EventBus.$on('homeTask', res => this.func(res))
 },
 methods: {
  func (res) {
   console.log(res)
  }
 }
}
</script>

mounted () {
 this.$EventBus.$on('homeTask', res => this.func(res))
},
destroyed () {
 this.$EventBus.$off()
}

造成游离dom节点的原因还有很多，不止这三种，总结起来：

1.window对象、事件总线、全局vuex上绑定了已销毁页面上的节点，到时节点不随页面一起销毁

2.使用第三方库创建实例，第三方库一般会提供销毁函数，页面跳转时没有调用正确的销毁函数

3.有同学会说在页面中使用闭包也会造成内存泄露，在vue框架里有管理内存的机制，只要按照它的正确编写方法，理论上是不会造成内存泄露的

总结

以上所述是小编给大家介绍的vue单页应用的内存泄露定位和修复问题小结,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！