vue的keep-alive组件

Posted zhouyideboke

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue的keep-alive组件相关的知识,希望对你有一定的参考价值。

keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在v页面渲染完毕后不会被渲染成一个DOM元素

<keep-alive>
    <loading/>
</keep-laive>
当组件在keep-alive内被切换时组件的activated、deactivated这两个生命周期钩子函数会被执行
被包裹在keep-alive中的组件的状态将会被保留,例如我们将某个列表类组件内容滑动到第100条位置,那么我们在切换到一个组件后再次切换回到该组件,该组件的位置状态依旧会保持在第100条列表处





以上是关于vue的keep-alive组件的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js - 删除从 keep-alive 加载的子组件

vue的keep-alive组件

Vue内置组件keep-alive的使用

Vue keep-alive 组件

Vue keep-alive 组件

Vue keep-alive 组件