1硼控、使用keep-alive進行緩存
<Suspense>
<div>
<router-view v-slot="{ Component }">
<keep-alive>
<component :is="Component" v-if="$route.meta.keepAlive"/>
</keep-alive>
<component :is="Component" v-if="!$route.meta.keepAlive"/>
</router-view>
</div>
</Suspense>
頁面激活的時候會觸發(fā)onActivated扫责；
如果存在多級的router-view撕予，需要在每一級寫上上面的緩存代碼。
2做裙、路由的scrollBehavior
scrollBehavior: (to, from, savedPosition) => {
if (savedPosition) return savedPosition;
return { left: 0, top: 0 };
}
