Iconify for Vue 2 函数：disableCache

本教程是 Iconify for Vue 2 函数教程 的一部分。

函数 disableCache() 会禁用 localStorage 和 sessionStorage 中的缓存。

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

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

用法

该函数具有以下参数：

• storage。要禁用的存储。

存储类型

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

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

示例

jsimport { disableCache } from '@iconify/vue2';

// Disable caching in localStorage
disableCache('local');

另一个示例：

jsimport { disableCache } from '@iconify/vue2';

// Disable all caching
disableCache('all');

注意事项

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