keepalive缓存案例

keepalive 缓存

缓存不活动的组件实例
生命周期 用的是
激活/停用
activated
deactivated

第一种方式

通过在路由里定义meta属性

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

第二种方式

通过组件的name属性匹配

组件匹配缓存
include 只有匹配的组件才会缓存
exclude 与include相反
<keep-alive include="testA,testB">
	<component :is="flag"></component>
</keep-alive>

组件的对象里面，添加一个name:testA name:testB