keep-alive

79 阅读1分钟

vue中的keep-alive用法详解

keep-alive  保持活跃,在vue中我们可以用其来保存组件的状态,对组件进行缓存。

keep-alive  我们常在列表页使用,比如我们在业务上经常会有要求,当查看完某一列表详情页时,返回列表页,需要回到原来的位置,并保持页面的状态。

一般情况下,组件进行切换的时候,默认会进行销毁,如果有需求,某个组件切换后不进行销毁,而是保存之前的状态,那么就可以利用keep-alive来实现

当一个组件在 <KeepAlive> 中被切换时,它的 activated 和 deactivated 生命周期钩子将被调用,用来替代 mounted 和 unmounted

www.cnblogs.com/qlongbg/p/1…