<template> <div>这里是首页</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单页应用的内存泄露定位和修复问题小结,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
您可能感兴趣的文章: