如何巧妙运用Vue的keep-alive实现组件缓存？

本文共计418个文字，预计阅读时间需要2分钟。

Vue的keep-alive组件能保存组件状态，避免切换时重复渲染DOM。类似于transition，keep-alive会缓存非活跃组件实例，而非销毁它们。

<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM

<keep-alive>包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和<transition>相似，<keep-alive>是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。

方法1

include: 字符串或正则表达式。只有匹配的组件会被缓存。

exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。