A memory leak occurred when switching between components

[Mario34]

Version

4.1.5

Reproduction link

github.com (has router)
SFC Playground

Steps to reproduce

• toggle between pages multiple times
• check memory usage after GC

What is expected?

Stable memory usage

What is actually happening?

A large number of nodes are not reclaimed, and memory keeps growing

[Mario34]

Snapshot 3 is generated after switching from '5000 items' to' Empty '. You can see that the number of separated nodes is basically the same as that on the page

[MMMMiller]

same condition found

[posva]

Transfered from Vue router and added a repro without it

[moushicheng]

This does not seem to be < component /> problem
using v-if,there will still be memory leaks,
see here:
SFC Playground

[michaelperel]

I am experiencing the same issue in multiple projects I am working on using vue 3 with the router

[michaelperel]

Here is a link to @moushicheng 's example without the EmptyPage component. This demonstrates that there is a memory leak in extremely simple cases when using v-if. I tried with different Vue 3 versions and the results are all the same.

If you replace v-if with v-show, there is no memory leak.