了解vue中的keepAlive

vue

参考链接1

在开发中经常有从列表跳到详情页，然后返回详情页的时候需要缓存列表页的状态（比如滚动位置信息），这个时候就需要保存状态，要缓存状态；vue里提供了keep-alive组件用来缓存状态。

参考链接2

让多个组件使用同一个挂载点，并动态切换，这就是动态组件。本文将详细介绍Vue动态组件

<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中

　
参考链接3

vue中使用keepAlive组件缓存遇到的坑

根据vue-router提供的守卫可在路由中启用afterEach路由守卫，在afterEach中进行判断是否第一次进入，非第一次进入页面情况强制刷新一次category页面。

参考链接4

参考链接5

KeepAlive详解