<keep-alive>是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。可以使用生命周期函数created来验证是否被包含的组件不重新渲染（即不重新created）。
<template>
<keep-alive>
<home></home>
</keep-alive>
</template>
说明：事实证明，Home组件只被渲染了一次。
Vue使用日记（27）：keep-alive
本文详细探讨了Vue中的<keep-alive>组件，它用于保留组件的状态并避免重复渲染。通过一个实例说明Home组件仅被渲染一次，揭示了<router-view>在被<keep-alive>包裹时，所有匹配的视图组件会被缓存。同时，提到了include和exclude这两个关键属性，前者用于指定需要缓存的组件，后者用于排除不想被缓存的组件，多个排除项之间用逗号分隔。
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
