keep-alive缓存组件的处理

keep-alive官网给的解释是:包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。主要用于保留组件状态或避免重新渲染。

应用场景比如:一个列表页和一个详情页,用户会不断的从列表页点进详情页,后退到列表页再进入另一个详情页,后退到列表页再进入另一个详情页,
这时候对列表页来说,最好能保存下来而不是每次都重新渲染,这时候,就用到了keep-alive了。

目前用的比较多的方式是这样

在route中,设置meta
{
  path: '/msite',       //商品列表页
 component: msite,
  meta: { keepAlive: true },
},

  

随机浏览