keep-aliveはパッケージ内のルートの最後の履歴状態を保存し、切り替え時に2つの重要なフック関数があります:
scrollTopは0です。
しかしながら、keep-aliveによってラップされたコンポーネントによってリクエストされたデータはページを再レンダリングしないという問題もあります。これは、たとえばマッチングのために動的なルートを使う場合、ページは最初のリクエストのレンダリング結果だけを保持するので
<keep-alive include="aa,bb">
<router-view></router-view>
</keep-alive>
<keep-alive exclude="cc">
<router-view></router-view>
</keep-alive>
export default[
{
path:'/',
name:'home',
components:Home,
meta:{
keepAlive:true //キャッシュする必要がある
},
{
path:'/book',
name:'book',
components:Book,
meta:{
keepAlive:false //キャッシュする必要のない
}
]