Why is the memory consumption of my Vue project unusually high?

[xstxhjh]

Vue version

3.4.27

Link to minimal reproduction

I don't know the specific reason

Steps to reproduce

I don't know the specific reason, who can help me.

What is expected?

Please help me analyze why the memory analysis in the console differs from the memory displayed in the top right corner.

What is actually happening?

The project logic does not have a memory overflow, but the entire website has a memory overflow.

System Info

System:
    OS: macOS 14.2.1
    CPU: (11) arm64 Apple M3 Pro
    Memory: 138.98 MB / 18.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.19.0 - ~/.nvm/versions/node/v18.19.0/bin/node
    Yarn: 1.22.21 - ~/.nvm/versions/node/v18.19.0/bin/yarn
    npm: 10.2.3 - ~/.nvm/versions/node/v18.19.0/bin/npm
    pnpm: 8.15.4 - ~/.nvm/versions/node/v18.19.0/bin/pnpm
    bun: 1.1.6 - ~/.bun/bin/bun
  Browsers:
    Chrome: 124.0.6367.208
    Safari: 17.2.1
  npmPackages:
    vue: ^3.4.27 => 3.4.27

Any additional comments?

No response

[silentmantra]

is it prod version?

[xstxhjh]

The issue is present in both local and production versions.

[Shyam-Chen]

You can check the usage of <KeepAlive>.

[xstxhjh]

Thank you, this indeed can reduce a part of the memory, but the memory will still grow. I feel that this is a problem with the naive-ui framework, because its official website also has the same issue.