Vue造成内存泄露的一些问题

在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上的内容与组件有关时候，会导致组件无法回收。