Too many records cause memory leaks？

[deot]

Memory tests after #1480 fixed
If it doesn't need optimization, close the issue directly!

Version

6.0.0-beta.15

Browser and OS info

Chrome 91 / Mac 11.4

Steps to reproduce

<template>
    <div style="padding: 20px">
        <div id="root" />
        <h1>{{ timer ? 'Running' : '----' }}</h1>
        <button @click="start">
            Start Test
        </button>
        <br>
        <br>
        <button @click="stop">
            Stop Test
        </button>
    </div>
</template>
<script>
import { createApp, defineComponent, h, ref, onUnmounted } from "vue";

export default defineComponent(() => {
    const timer = ref(null);
    const stop = () => {
        timer.value && clearInterval(timer.value);
        timer.value = null;
    };
    const start = () => {
        stop();
        timer.value = setInterval(
            () => {
                let vm = createApp(
                    () => Array
                        .from({ length: 1000 })
                        .map(() => h('div', { onClick: () => {} }))
                );
                vm.mount("#root");
                vm.unmount();
                vm = null;
            }, 
            10
        );
    };

    onUnmounted(stop);
    return {
        timer,
        start,
        stop
    };
});
</script>

What is expected?

Garbage collection

What is actually happening?

Memory Leak

Record Screen

• Enable vue-devtools record
  

• Disable vue-devtools record
  

[mazhewei]

I'm using vue dev tool beta(ver: 6.0.0 beta 15) with vue2.6.x。
And I meet some memory leak too.
Just create two pages, create a big array(100000 elements for example) in page1.
No keep-alive used.
goto page1, and then switch to page2,
You will see memory leak.
if disable the dev plugin, memory can be recycled.
I also test the old plugin for vue2, it works fine, no memory leak.