vue keep-alive

keep-alive

keep-alive是Vue内置的一个组件，可以使被包含的组件保持状态，避免重新渲染。

可以使不活动的组件保存到缓存中，而不销毁它，不会触发beforeDestroy()和destroyed()。能让不活动的组件“活着”。

重点

1.可以使被包含的组件保持状态，避免重新渲染。

2.组件不被销毁，不会触发beforeDestroy()和destroyed()

3.使用keep-alive包裹的组件，会多两个生命周期钩子activated()（使激活，使工作）和deactivated()（使停止工作）,activated()在组件第一次渲染时会被调用，缓存后再次激活时被调用。deactivated()组件被停用的时候调用

4.使用场景，a.在动态组件上使用 。也可以配合include、exclude属性 b.包裹住<router-view></router-view>
配合meta元信息或者利用include、exclude属性,给想要缓存的组件进行缓存。