Vue3 how to cache the entire app for re rendering

[Sven-ybj]

I want to cache the entire app to maintain all status and data after app switching. I have tried multiple times but have not been successful. Please help me, thank you very much!

What effect do you want to achieve in the demo

Cache app1 when switching to app2, and restore data when switching to app1 again.

This is just a simple example. Due to the limitations of my actual project, multiple apps can only be rendered on #app

demo link: https://codepen.io/Sven-ybj/pen/zYeqMdx