Iconify for Vue 函数：enableCache

本教程属于 Iconify for Vue 函数教程 的一部分。

As of 2025, this function no longer works.

Component no longer uses browser storage for caching. This function still exists in some versions of component, but does not do anything. The latest version of component might not include this function at all.

函数 enableCache() 用于在 localStorage 和 sessionStorage 中启用或切换缓存。

当组件从 API 获取新图标时，图标数据会存储在浏览器存储中。缓存能加快渲染速度，因为组件可以直接从缓存中获取图标，而无需发送 API 请求。与 API 请求不同，缓存是即时的。

默认情况下，localStorage 处于启用状态，sessionStorage 处于禁用状态。

用法

该函数具有以下参数：

• storage。要禁用的存储。

存储类型

第一个参数可以是以下之一：

• "local" 对应 localStorage。
• "session" 对应 sessionStorage。
• "all" 对应 localStorage 和 sessionStorage 两者。

示例

jsimport { enableCache } from '@iconify/vue';

// Enable caching in localStorage
enableCache('local');

注意事项

• 启用或禁用缓存不会影响已存储在缓存中的图标数据。无论设置如何，图标数据始终会被加载。该设置仅影响从 API 检索到的新图标数据的存储。
• 该设置仅影响从 Iconify API 加载的图标数据。通过 addIcon() 或 addCollection() 加载的图标数据不会被缓存。
• 当同时启用 localStorage 和 sessionStorage 时，图标数据仅缓存在 localStorage 中。