Vue3 uses keep alive to cache pages, but every time you switch the tab to enter the page, it will still enter onmounted, resulting in no caching effect. Why?

vue3 use keep-alive Cache the page , But every time you switch tab Entering the page will still enter onMounted, Reload data , As a result, the filtering status is not cached , Why? ？ Did I write something wrong ？

vuetools

Print out

order page

---

Other answers 1：

Try this

<router-view v-slot="{ Component }">
    <keep-alive include="orderList,userList">
        <component :is="Component" :key="$route.fullPath" />
    </keep-alive>
</router-view>