美文网首页
vue组件keep-alive原理

vue组件keep-alive原理

作者: 飞飞廉 | 来源:发表于2018-02-20 21:47 被阅读0次

介绍

keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中,而不是直接将其销毁,它是一个抽象组件,不会被渲染到真实DOM中,也不会出现在父组件链中。它提供了include与exclude两个属性,允许组件有条件地进行缓存。

原理

其实就是在created时将需要缓存的VNode节点保存在this.cache中/在render时,如果VNode的name符合在缓存条件(可以用include以及exclude控制),则会从this.cache中取出之前缓存的VNode实例进行渲染。

https://segmentfault.com/a/1190000011978825

相关文章

网友评论

      本文标题:vue组件keep-alive原理

      本文链接:https://www.haomeiwen.com/subject/sftntftx.html