keep-alive组件使用
<!-- 使用keep-alive包裹组件以缓存组件状态,减少重复渲染,提高性能 --> <keep-alive> <home></home> <!-- home组件被缓存 --> </keep-alive>
Vue3 路由部分
<!-- 在Vue3中,通过v-slot来获得当前路由的Component,并使用keep-alive进行缓存 --> <router-view v-slot="{ Component }" :max="10"> <keep-alive> <!-- 动态绑定Component, 这样当前路由的组件会被缓存 --> <component :is="Component" /> </keep-alive> </router-view>