官方示例中的vue写法存在内存泄漏

[zczhangchao51]

What happens?

官方示例中的vue写法存在内存泄漏

Mini Showcase Repository(REQUIRED)

官方示例

How To Reproduce

1. 首先在官方示例的vue子项目的Home.vue的data加入一个占用比较多内存的变量（方便放大影响）

data() {
      return {
+        leak: new Array(5 * 1024 * 1024),
        dialogVisible: false,
      };
    },

2. 开启无痕模式进行内存记录，然后不断的切换不同的子项目

3. 结果显示vue的实例并没有释放

解决方式

虽然qiankun代码中会删除这些vue实例的html节点，但是不知道什么原因�这些html对应的内存并没有释放

通过在unmount中设置清除html节点可解决此问题

export async function unmount() {
  instance.$destroy();
+  instance.$el.innerHTML = "";
  instance = null;
  router = null;
}

参考： https://github.com/single-spa/single-spa-vue/blob/adc35a667b18ea8acd87b352739d78b771cddb38/src/single-spa-vue.js#L145

Context

• qiankun Version: 2.x
• Platform Version: mac
• Browser Version: chrome

[zczhangchao51]

#675