码迷,mamicode.com
首页 > 其他好文 > 详细

vue的keep-alive组件

时间:2019-02-20 20:11:04      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:元素   子函数   ted   函数   XML   钩子   执行   内容   钩子函数   

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

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

vue的keep-alive组件

标签:元素   子函数   ted   函数   XML   钩子   执行   内容   钩子函数   

原文地址:https://www.cnblogs.com/zhouyideboke/p/10408652.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!