-
在vue文件中的script标签里定义变量导致的内存泄露
如下,在vue文件定义了一个const变量,最终无法释放:
// Text.vue <template></template> <script> const TYPE = { TYPE_TEST: 'type-test' }; export default { name: "Test", created() { // 在vue里面使用TYPE console.log(TYPE.TYPE_TEST); } }; </script>
正确使用应该是从js文件中import进来:
// test.js文件 const TYPE = { TYPE_TEST: 'type-test' }; export {TYPE}; // Text.vue文件 <template></template> <script> import {TYPE} from './test.js'; export default { name: "Test", created() { // 在vue里面使用TYPE console.log(TYPE.TYPE_TEST); } }; </script>
使用第三方js插件,在组件销毁的时候(beforeDestroy、destroyed)没有调用插件的销毁方法,会造成组件无法释放,内存无法回收。所以在组件销毁的时候(beforeDestroy、destroyed)一定要销毁该插件(调用该组件的销毁方法)。
禁止在vue工程里写业务逻辑代码的时候往window全局对象上注册属性。当挂载window上的内容与组件有关时候,会导致组件无法回收。
所有评论(0)