keep-alive作用
2021-01-23 本文已影响0人
李小白呀
keep-alive作用:(把数据缓存下来)
是保持组件不销毁,用来处理要保持组件状态的那些场景;
( 理解:页面1跳转到页面2,然后页面2后退到页面1,页面1直接从缓存中加载出来,提高性能 )
被keep-alive声明的组件的生命周期:
被keep-alive声明的组件不被销毁,一直存在,多两个生命周期,actived 激活和 deactivaed 不激活状态
什么时候用?
如果需要频繁切换路由,用keep-alive来达到避免数据的重复请求的目的。
怎么用?
<keep-alive>
<router-view> </router-view>
</keep-alive>
将首次触发请求写在created钩子函数中,就能实现缓存