本文探讨了Vue中的keep-alive组件，用于缓存动态组件，避免重复渲染，提高性能。它拥有include、exclude和max属性以控制缓存行为，并在组件的激活与隐藏时触发activated和deactivated生命周期钩子。
什么是keep-alive？
keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。
keep-alive的优点？
在组件切换过程中 把切换出去的组件保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性
keep-alive有三属性
include - 字符串或正则表达，只有匹配的组件会被缓存
max-数字，最多可以缓存多少组件实例
exclude - 字符串或正则表达式，任何匹配的组件都不会被缓存
<keep-alive include="home">
<router-view /
最低0.47元/天 解锁文章
1412
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
