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属性,给想要缓存的组件进行缓存。