Vue前端开发那些事儿

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钩子函数中,就能实现缓存

上一篇 下一篇

猜你喜欢

热点阅读