通过key变化更新子应用，渲染出的DOM结构异常

[ljquan]

描述bug

正常DOM结构

key变化后，更新的DOM结构

如何复现
给出详细的复现步骤
1、第一步 修改demo代码：examples/main-vue/src/views/Vue2-sub.vue

<template>
  <!--单例模式，name相同则复用一个无界实例，改变url则子应用重新渲染实例到对应路由 -->
  <WujieVue :key="key" width="100%" height="100%" name="vue2" :url="vue2Url"></WujieVue>
</template>

<script>
import hostMap from "../hostMap";

export default {
  data() {
    return {
      key: "key",
    };
  },
  computed: {
    vue2Url() {
      return hostMap("//localhost:7200/") + `#/${this.$route.params.path}`;
    },
  },
  mounted() {
    setInterval(() => {
      this.key = "key" + Date.now();
      console.log("key", this.key);
    }, 10e3);
  },
  methods: {
    jump(name) {
      this.$router.push({ name });
    },
  },
};
</script>

2、 第二步 查看DOM结构

错误截图

最小复现仓库或者地址
https://github.com/liquidliang/wujie/tree/fix-key

[ljquan]

在子应用中，examples/vue2/src/views/Home.vue添加日志

  mounted() {
    console.log(window.document.head.innerHTML);
  },

发现key变化后，打印出来的和之前是不一样的

window的引用也发生了变化

[suzhenghui-sky]

腾讯没有合并你的嘛？