Vue 中的keep-alive 什么用处？

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

keep-alive

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

<keep-alive>
    <loading></loading>
</keep-laive>

当组件在keep-alive内被切换时组件的activated、deactivated这两个生命周期钩子函数会被执行

被包裹在keep-alive中的组件的状态将会被保留，例如我们将某个列表类组件内容滑动到第100条位置，那么我们在切换到一个组件后再次切换回到该组件，该组件的位置状态依旧会保持在第100条列表处

作者：羊烊羴

链接：https://www.jianshu.com/p/4b55d312d297

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

以上是 Vue 中的keep-alive 什么用处？ 的全部内容， 来源链接： utcz.com/z/379539.html

回到顶部