【study】keep-alive

1. 缓存不活动的组件的状态
2. 作用：避免多次重复渲染，降低性能

• include: 匹配组件，被缓存/写组件的name
• exclude: 和上面的相反，除了...都被缓存
• max:最多可以缓存几个组件
• 结合Router,缓存部分页面，$route.meta.keepAlive

{
   path: '/b',
   name: 'B',
   component: B,
   meta: {
      keepAlive: true // 需要被缓存
   }
}

// App.vue中

<keep-alive>
   <route-view v-if="$route.meta.keepAlive"> </route-view>
</keep-alive>


<route-view v-if="!$route.meta.keepAlive"> </route-view>