Vuex - 以一定容量清理商店

Question

我使用vuex-persist 和localforage 作为我的存储插件。我写了一个计算存储容量的函数（基本上我访问 indexDB 并遍历键并以字节为单位返回大小）

我想在达到一定容量后清空我的存储，但我无法确定 WHERE 是 调用存储计算器功能的最佳位置。

我试过了：

1. 在每次页面加载时在路由器内部进行计算。当存储中有数百 mb 的数据时，这会变得非常缓慢。

2. 在RESTORE_MUTATION 的回调函数内部进行计算。这是错误的，因为要访问 indexDB，操作必须是 async 但突变不能是 async

任何想法都将不胜感激！

Answer 1

关于第 2 点，突变必须是同步的，但是动作可以为您解决这个问题。操作可以是异步的，然后提交突变。