Vue如何缓存当前组件?缓存后如何更新？

【概念释义】

缓存组件用 <keep-alive :include="name"> 包裹 router-view，匹配组件 name 的实例被保留在内存，切换不销毁。更新方式：activated 钩子里刷新、key 强制重建、provide/inject 刷新信号、或 $refs 调子组件方法。

【基础使用】

<keep-alive :include="['UserList']" :max="10">
  <router-view :key="$route.fullPath" />
</keep-alive>

<script>