keep-alive 是Vue 内置的一个组件 , 可以使被包含的组件保留状态 , 或者避免被重新渲染

它们有两个非常重要的属性
include - 字符串或正则表达 , 只有匹配的组件才会被缓存
exclude - 字符串货正则表达式 , 任何匹配的的组件都不会被缓存

router-view 也是一个组件 , 如果直接被包在keep-alive里面 , 所有路径匹配到的视图都会被缓存

  1. <keep-alive>
  2. <router-view>
  3. 所有路径匹配到的识图都会被缓存
  4. </router-view>
  5. </keep-alive>