官方说明
示例
1.在路由配置页添加meta信息
{
path: '/XXXXXXX',
component: XXXXXX,
meta:{
keepAlive:true //需要缓存的页面
}
},
2.在app.vue 中使用keep-alive包裹需要缓存页面的视图组件
在keep-alive包裹外展示不需要缓存的视图组件
<keep-alive>
//keep-alive里包裹需要缓存的视图组件
<router-view v-if="$route.meta.keepAlive" />
</keep-alive>
//在keep-alive包裹外展示不需要缓存的视图组件
<router-view v-if="!$route.meta.keepAlive"></router-view>